/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Template: oceanwp
Author: OceanWP
Author URI: https://oceanwp.org/about-oceanwp/
Description: OceanWP is the perfect theme for your project. Lightweight and highly extendable, it will enable you to create almost any type of website such a blog, portfolio, business website and WooCommerce storefront with a beautiful & professional design. Very fast, responsive, RTL & translation ready, best SEO practices, unique WooCommerce features to increase conversion and much more. You can even edit the settings on tablet & mobile so your site looks good on every device. Work with the most popular page builders as Elementor, Beaver Builder, Brizy, Visual Composer, Divi, SiteOrigin, etc... Developers will love his extensible codebase making it a joy to customize and extend. Best friend of Elementor & WooCommerce. Looking for a Multi-Purpose theme? Look no further! Check the demos to realize that it's the only theme you will ever need: https://oceanwp.org/demos/
Tags: two-columns,right-sidebar,footer-widgets,blog,news,custom-background,custom-menu,post-formats,rtl-language-support,sticky-post,editor-style,threaded-comments,translation-ready,buddypress,custom-colors,featured-images,full-width-template,theme-options,e-commerce,block-styles,wide-blocks,accessibility-ready
Version: 4.0.8.1746569531
Updated: 2025-05-06 18:12:11

*/

html.dark body {
    background-color: #0B0D10 !important;
}

html.dark .bg-white {
    background-color: rgba(30, 30, 30, 0.9) !important;
	border-color:rgba(11,13,16,0.08) !important;
}
html.dark .bg-white h2{
color:rgba(246, 247, 248, 0.6) !important
}

html.dark .dark-section-bg {
    background-color: #1e5e63 !important;
}

html.dark .dark-card-bg, html.dark .e-n-accordion-item, html.dark .e-n-accordion-item .e-n-accordion-item-title, html.dark .e-n-accordion-item .e-con.e-child{
    background: #1e5e63 !important;
	border-color: rgba(246, 247, 248, 0.12) !important;
}
html.dark .e-n-accordion-item .e-n-accordion-item-title[aria-expanded="false"]:hover{
	background:rgb(255 255 255 / 0.5) !important;
}

html.dark .dark-card-bg h2,
html.dark h1,
html.dark h2,
html.dark h3,
html.dark h4,
html.dark h5,
html.dark h6,
html.dark .elementor-blockquote__author,
html.dark .elementor-icon-box-title span, html.dark .text-white p,
html.dark table, html.dark table tr td{
	color:rgba(246, 247, 248, 1) !important;
}
html.dark .elementor-blockquote:before{
	color:rgba(246, 247, 248, 0.05) !important;
}

html.dark .dark-card-bg p,
html.dark p,
html.dark span, 
html.dark li span,
html.dark .copyright,
html.dark .contact-email a, html.dark .content-privacy-term li, html.dark .content-privacy-term a, html.dark .elementor-location-single .wp-block-list li, html.dark .single .wp-block-list li{
	color:rgba(246, 247, 248, 0.7) !important;
}
html.dark span.elementor-button-text{
	color:#fff !important;
}
html.dark .comments-card .shadow-card {
    background: rgba(30, 94, 99, 0.4) !important;
    border-color: rgba(246, 247, 248, 0.14) !important;
}

html.dark .text-gold h2,
html.dark .text-gold h3,
html.dark .text-gold h4, 
html.dark .text-gold h5,
html.dark .text-gold h6,
html.dark .text-gold p,
html.dark .text-gold .elementor-button-text{
	color: rgb(184 155 94 / var(--tw-text-opacity, 1)) !important;
}
html.dark .contact-email a:hover{
	color:#b89b5e !important;
}
html.dark .text-gold .testimonial-card p, html.dark .author-role{
	color:rgba(246, 247, 248, 0.85) !important;
}
html.dark .testimonial-divider{
	background-color:rgb(184 155 94 / 0.2) !important;
}
html.dark .quote-icon{
color:rgb(184 155 94 / 0.1);
}

html.dark .dark-card-bg .elementor-divider-separator,
html.dark .elementor-divider-separator{
	border-color:rgba(246, 247, 248, 0.25) !important;
}

html.dark .border-t{
border-color: rgba(246, 247, 248, 0.1) !important;
}

.nav .elementor-widget-theme-site-logo a:after {
    content: "";
    display: inline-block;
    width: 124px;
    height: 30px;
    background-image: url(https://docwebwp.com/freemaninc/wp-content/uploads/2026/03/logo_white-2.webp);
background-repeat:no-repat;
    position: absolute;
    left: 0;
    background-size: contain;
    opacity: 0;
    z-index: -1;
}
html.dark .nav .elementor-widget-theme-site-logo a:after{
	opacity:1;
	z-index:1;
}
html.dark .nav .elementor-widget-theme-site-logo a img{
	opacity:0;
	z-index:-1;
}

html.dark .nav {
    background: rgba(11, 13, 16, 0.16) !important;
    border-bottom-color: rgba(246, 247, 248, 0.1) !important;
}

/* css for nav */
html.dark .nav {
    background: rgba(11, 13, 16, 0.3);
    border-color: rgba(246, 247, 248, 0.16);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3), 0 2px 8px 0 rgba(0, 0, 0, 0.2);
}
.elementor-6 .elementor-element.elementor-element-bf4a562 .elementor-nav-menu--main .elementor-item{
	color: rgb(11 13 16 / 0.7);
    fill: rgb(11 13 16 / 0.7);
}
html.dark .elementor-6 .elementor-element.elementor-element-bf4a562 .elementor-nav-menu--main .elementor-item{
	color:rgba(246, 247, 248, 0.7) !important;
	fill:rgba(246, 247, 248, 0.7) !important;
}

.theme-toggle a{
	background: rgba(77, 134, 138, 0.1) !important;
    border: 1px solid rgba(77, 134, 138, 0.2) !important;
}
.theme-toggle a:hover, .theme-toggle a:active, .theme-toggle a:focus {
	background: rgba(77, 134, 138, 0.2) !important;
	box-shadow: 0 4px 12px rgba(189, 154, 88, 0.3) !important;
	border:none !important;
}
html.dark .theme-toggle a:active, html.dark .theme-toggle .theme-toggle a:focus {
	border:none !important;
}

.theme-toggle a:active, .theme-toggle a:focus {
	box-shadow: none !important;
	
}
.theme-toggle a:hover svg, .theme-toggle a:active svg, .theme-toggle a:focus svg{
	transform: scale(1.05);
}

html.dark .theme-toggle a svg{
	display:none;
}
.theme-toggle a:after {
    display: inline-block;
    content: "\f186";
    font-size: 18px;
    color: #4d868a;
    font-family: "Font Awesome 6 Free";
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
	display:inline-block;
	opacity:0;
	z-index:-1;
	font-weight: bold;
}
html.dark .theme-toggle a:after {
	opacity:1;
	z-index:1;
}

html.dark .services-section .shadow-card {
    background: rgba(30, 30, 30, 0.7) !important;
    border: 1px solid rgba(246, 247, 248, 0.14) !important;
}
html.dark .services-section .shadow-card .elementor-widget-heading{
	background:rgba(0, 0, 0, 0.5) !important;
}
html.dark .services-section .shadow-card .elementor-icon{
	background-color:rgba(30, 30, 30, 0.9) !important
}
html.dark .btn-bg-white a{
    background-color: rgba(30, 30, 30, 0.7) !important;
	color:rgba(246, 247, 248, 0.85) !important;
}
html.dark .btn-bg-white a:hover, html.dark .btn-bg-white a:focus{
    border-color:rgba(246, 247, 248, 0.18) !important;
}
html.dark .btn-bg-white a svg path{
    fill:rgba(246, 247, 248, 0.85) !important;
}