/**
 * Theme Name:     Bronx Child
 * Author:         WordPressRiver
 * Template:       bronx
 * Text Domain:	   bronx-child
 * Description:    Introducing a WordPress theme tailored for Personal Portfolio WordPress Theme
 */

 .header-wrap {
    padding: 25px !important;
 }

 .header-right {
    display: flex;
    align-items: center;
    justify-content: center;
 }

 .custom-logo {
   max-width: 250px !important;
 }


 .expertise-cards-list li {
   margin-bottom: 0.5em;
 }

 .elementor img{
	height:inherit;
}

.partner-box-inner img {
	mix-blend-mode: multiply;
}

.pricing-tooltip {
   display: none;
}

/* Safari Scrolling Fix */
@media not all and (min-resolution:.001dpcm) { 
   @supports (-webkit-appearance:none) {
      html, body {
         height: 100%;
         width: 100%;
         overflow-x: hidden !important;
         -webkit-overflow-scrolling: touch !important;
      }
      
      #smooth-wrapper, #smooth-content {
         will-change: transform;
      }
      
      .elementor-section {
         -webkit-transform: translateZ(0);
         transform: translateZ(0);
      }
   }
}

/* Remove nav pills on pricing element */
.pricing-sec #pills-tab {
   display: none !important;
}

/* Dark Mode Overrides */
:root {
    --light: #ffffff;
    --paragraph1: rgba(255, 255, 255, 0.7);
}

.dark-mode {
    background: #ffffff !important;
}

.dark-mode .common-text-link {
    color: var(--dark) !important;
}

.dark-mode .common-text-link::before {
    background: var(--dark) !important;
}

.dark-mode .popup-menu-wrap,
.dark-mode .theme-btn::before {
    background: #ffffff !important;
}

.dark-mode .header-wrap {
    border-bottom-color: rgba(0, 0, 0, 0.16) !important;
}

.dark-mode .theme-btn {
    background: var(--dark) !important;
    color: #ffffff !important;
    border-color: var(--dark) !important;
}

.dark-mode .header-wrap .header-local-time-box #coordinates,
.dark-mode .header-wrap .header-local-time-box #realtime,
.dark-mode .popup-menu-wrap .popup-menu-header .local-temperature #coordinates,
.dark-mode .popup-menu-wrap .popup-menu-header .local-temperature #realtime,
.dark-mode .popup-menu ul li a,
.dark-mode .copyright #back-to-top, 
.dark-mode .copyright p,
.dark-mode .theme-btn:hover {
    color: var(--dark) !important;
}

.dark-mode .hero-sec .hero-footer-wrap .hero-footer-right p,
.dark-mode .header-wrap .header-local-time-box,
.dark-mode .popup-menu-wrap .popup-menu-header .local-temperature {
    color: var(--paragraph) !important;
}

.dark-mode .link-with-line::before,
.dark-mode .humberg-menu span {
    background: var(--dark) !important;
}

.dark-mode .available-status {
    color: var(--paragraph) !important;
}

.dark-mode .featured-card .content .date {
    color: var(--paragraph) !important;
    border-color: rgba(0, 0, 0, 0.04) !important;
}

.dark-mode .featured-card .content .subtitle {
    color: var(--paragraph) !important;
}

.dark-mode .experience-box p {
    color: var(--paragraph) !important;
}

.dark-mode .faq-item .accordion-header button,
.dark-mode .experience2-box .experience2-box-header,
.dark-mode .motivation-sec .motivation-content p,
.dark-mode .experience-box h4 > span:last-child,
.dark-mode .about-bottom-content-wrap .about-bottom-content p,
.dark-mode .section-header2 .title,
.dark-mode .featured-card .content .title,
.dark-mode .hero-sec .hero-footer-wrap .hero-footer-right a, 
.dark-mode .hero-sec .hero-footer-wrap p,
.dark-mode .social-links li a,
.dark-mode h1, 
.dark-mode h2, 
.dark-mode h3, 
.dark-mode h4, 
.dark-mode h5, 
.dark-mode h6, 
.dark-mode strong {
    color: var(--dark) !important;
}

.dark-mode .experience-popup .experience-popup-content-wrap .close-experience-popup-btn, 
.dark-mode .popup-menu-wrap .popup-menu-header .popup-menu-close-btn .icon {
    background: #333336 !important;
    border: none !important;
}

.dark-mode .humberg-menu i {
    color: #000000 !important;
}

/* Additional dark mode overrides */
.dark-mode .featured-card {
    border-color: #eaeaec !important;
}

.dark-mode .featured-card .content {
    background: #f5f5f7 !important;
}

.dark-mode .testimonial-box,
.dark-mode .favourite-stack-box,
.dark-mode .experience-popup .experience-popup-content-wrap,
.dark-mode .experience-box,
.dark-mode .partner-box {
    border-color: rgba(0, 0, 0, 0.04) !important;
    background: #f5f5f7 !important;
}

.dark-mode .experience-box .experience-button-box .experience-button {
    background: #333336 !important;
    border: none !important;
}

.dark-mode .experience-box .experience-button-box .experience-button:hover {
    background: #ffffff !important;
}

.dark-mode .experience-box .experience-button-box .experience-button:hover svg {
    color: #000000 !important;
}

.dark-mode .theme-btn3,
.dark-mode .experience-popup-content .experience-popup-header .price {
    color: var(--dark) !important;
    border-color: var(--dark) !important;
}

.dark-mode .experience-popup-content .experience-popup-header h3 {
    border-color: rgba(0, 0, 0, 0.16) !important;
}

.dark-mode .experience-popup-features .experience-popup-feature,
.dark-mode .experience-popup-content p {
    color: var(--paragraph) !important;
}

.dark-mode .theme-btn2 {
    background: var(--dark) !important;
    color: #ffffff !important;
}

.dark-mode .experience2-box {
    border-color: rgba(0, 0, 0, 0.16) !important;
}

.dark-mode .favourite-stack-box .content,
.dark-mode .favourite-stack-box .favourite-stack-box-left {
    border-color: rgba(0, 0, 0, 0.08) !important;
    background: #fafafa !important;
}

.dark-mode .testimonial-box .testimonial-content p {
    color: var(--dark) !important;
}

.dark-mode .testimonial-box .testimonial-content {
    background: #fafafa !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

.dark-mode .faq-item:first-of-type, 
.dark-mode .faq-item:last-of-type, 
.dark-mode .faq-item {
    background: #f5f5f7 !important;
    border-color: rgba(0, 0, 0, 0.07) !important;
}

.dark-mode .faq-item .accordion-header button:hover:not([aria-expanded=true]) {
    background: rgba(232,232,232) !important;
}

.dark-mode .faq-item .accordion-body p {
    border-color: #cececf !important;
    color: var(--paragraph) !important;
}

.dark-mode .faq-item .accordion-header button i {
    color: var(--paragraph) !important;
}

.dark-mode .work-detail-header-infos .work-detail-header-left h1,
.dark-mode .footer-area .footer-big-text,
.dark-mode .faq-item .accordion-header button[aria-expanded=true] i {
    color: var(--dark) !important;
}

.dark-mode .copyright #back-to-top::before,
.dark-mode .social-links li a::before {
    background: var(--dark) !important;
}

.dark-mode .work-detail-header-infos .work-detail-header-left p {
    color: var(--paragraph) !important;
}

.dark-mode .work-detail-header-infos .work-detail-header-right ul li {
    color: var(--dark) !important;
    border-color: rgba(0, 0, 0, 0.16) !important;
}

.dark-mode .work-detail-header-infos .work-detail-header-right ul li span {
    color: var(--paragraph) !important;
}

.dark-mode .work-detail-header-infos .work-detail-header-right ul li a:hover {
    color: var(--dark) !important;
}

.dark-mode .work-detail-header-infos .work-detail-header-right ul li a::before {
    background: var(--dark) !important;
}

.dark-mode .work-detail2-content-box {
    border-color: rgba(0, 0, 0, 0.16) !important;
}

.dark-mode .pricing-box .pricing-box-header h4,
.dark-mode .pricing-sec .pricing-nav li .nav-link,
.dark-mode .work-detail2-content-box p {
    color: var(--dark) !important;
}

.dark-mode .work-detail2-content-box h4 {
    color: var(--paragraph) !important;
}

.dark-mode .pricing-sec .pricing-nav {
    border-color: var(--dark) !important;
}

.dark-mode .pricing-sec .pricing-nav li .nav-link.active {
    background: var(--dark) !important;
    color: #ffffff !important;
}

.dark-mode .pricing-box {
    background: #f5f5f7 !important;
    border-color: rgba(0, 0, 0, 0.04) !important;
}

.dark-mode .pricing-box .pricing-box-header {
    background: #fafafa !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

.dark-mode .pricing-tooltip .tooltip-btn {
    color: var(--dark) !important;
    background: rgba(0, 0, 0, 0.05) !important;
    border-color: rgba(0, 0, 0, 0.07) !important;
}

.dark-mode .pricing-tooltip .tooltip-content {
    background: #f5f5f7 !important;
    border-color: rgba(0, 0, 0, 0.07) !important;
}

.dark-mode .pricing-box .pricing-box-header .day-revisions > span,
.dark-mode .pricing-tooltip .tooltip-content p {
    color: var(--dark) !important;
}

.dark-mode .pricing-tooltip .tooltip-content ul li {
    color: var(--paragraph) !important;
}

.dark-mode .pricing-box .pricing-box-header .discount {
    border-color: rgba(0, 0, 0, 0.16) !important;
}

.dark-mode .pricing-box .pricing-box-header p,
.dark-mode .pricing-box .pricing-box-header .discount {
    color: var(--paragraph) !important;
}

.dark-mode .pricing-box .pricing-box-features ul li {
    color: var(--paragraph) !important;
}

.dark-mode .contact-sec .contact-form-wrap .contact-header p {
    color: var(--paragraph) !important;
}

.dark-mode .contact-form #ajax-form textarea, 
.dark-mode .contact-form #ajax-form input {
    color: var(--dark) !important;
    background: #f5f5f7 !important;
}

.dark-mode .contact-info-box h4 {
    color: var(--paragraph) !important;
}

.dark-mode .contact-info-box ul li,
.dark-mode .contact-info-box ul li a {
    color: var(--dark) !important;
}

.dark-mode .contact-info-box ul li a::before {
    background: var(--dark) !important;
}

.dark-mode .contact-infos-wrap .contact-infos {
    border-color: rgba(0, 0, 0, 0.16) !important;
}

.dark-mode .work-detail-text-anim-wrap ul li {
    color: var(--dark) !important;
}

.dark-mode .work-detail-text-anim-wrap ul li span {
    color: var(--paragraph) !important;
}

.dark-mode.blog-body {
    background: #ffffff !important;
}

.dark-mode .modal-content.experience-popup {
    background: #f5f5f7 !important;
}

.dark-mode .modal-content.experience-popup .icon-btn {
    background: #333336 !important;
    border: none !important;
}

.blog-details-area .blog-details-content p {
   color: #000 !important;
}

.blog-item .meta li a {
   color: #000 !important;
}

.breadcrumb-area {
   background: #fff !important;
}

.breadcrumb-area .breadcrumb-content .breadcrumbs li a {
   color: #000 !important;
}

.breadcrumb-area .breadcrumb-content .breadcrumbs li {
   color: #000 !important;
}

.blog-sidebar .blog-sidebar-item {
   background: #fff !important;
}

.blog-sidebar .blog-sidebar-item ul li a {
   color: #000 !important;
}

.hero-sec .hero-sec-content {
    gap: 10px !important;
}

@media (max-width: 809px) {
    .header-wrap .header-local-time-box span:first-child {
        display: block !important;
    }

    .popup-menu ul li a {
        font-size: 26px !important;
    }

    .testimonial-sec .testimonial-box {
        max-width: 100% !important;
    }

    #magic-cursor {
        display: none !important;
    }

     .custom-logo {
	   max-width: 160px !important;
	 }
	
	.work-detail-full-img {
		height: auto !important;
	}
	
	.work-detail-full-img-wrap img {
		height: auto !important;
	}
}

.testimonial-box {
	padding: 20px !important;
}

#books-section {
    position: relative;
}

#clickabook {
    position: absolute;
    top: 0;
    z-index: 99999;
    width: 100%;
}

@media (max-width: 809px) {
	.experience-button-box {
		display: flex !important;
	}
	
	.header-middle {
		display: none !important;
	}
	
	.modal-dialog modal-xl {
		position: relative !important;
	}
	
	.modal-dialog {
		height: auto !important;
		margin-top: 0 !important;
	}
}

@media (min-width: 809px) {
    #clickabook {
        display: none !important;
    }
}


.elementor-swiper-button-prev {
	position: absolute;
    top: 145px;
    z-index: 9999;
    left: 30px;
}

.elementor-swiper-button-next {
	    position: absolute;
    top: 145px;
    z-index: 9999;
    right: 30px;
}

.featured-card .content .date {
	display: none !important;
}