/* Custom Color Scheme Overrides */
:root {
    --primary-color: #171d2e;
    --secondary-color: #4a90e2;
    --accent-color: #c0c0c0;
    --primary-dark: #0f141f;
    --primary-light: #2a3247;
    --secondary-light: #6ba3e8;
    --accent-light: #d4d4d4;
    --text-on-primary: #ffffff;
    --text-on-secondary: #ffffff;
    --text-on-accent: #171d2e;
}

/* Body and general background updates */
body {
    background: var(--primary-color) !important;
    color: var(--text-on-primary) !important;
}

/* Header and navigation updates */
header {
    background: var(--primary-color) !important;
}

.nav-holder nav li a {
    color: var(--text-on-primary) !important;
}

.nav-holder nav li a.act-link,
.nav-holder nav li a:hover {
    color: var(--secondary-color) !important;
}

/* Buttons and interactive elements */
.btn {
    background: var(--primary-color) !important;
    color: var(--text-on-primary) !important;
    border: 1px solid var(--primary-color) !important;
}

.btn:hover {
    background: var(--secondary-color) !important;
    color: var(--text-on-secondary) !important;
    border-color: var(--secondary-color) !important;
}

.anim-button {
    background: var(--primary-color) !important;
    color: var(--text-on-primary) !important;
}

.anim-button:hover {
    background: var(--secondary-color) !important;
    color: var(--text-on-secondary) !important;
}

/* Section titles and headings */
.section-title {
    color: var(--primary-color) !important;
}

.section-title strong {
    color: var(--secondary-color) !important;
}

/* Dark background sections */
.dark-bg {
    background: var(--primary-color) !important;
}

.dark-bg .section-title,
.dark-bg {
    color: var(--text-on-primary) !important;
}

/* Overlay updates */
.overlay {
    background: rgba(23, 29, 46, 0.7) !important;
}

/* Footer updates */
footer {
    background: var(--primary-color) !important;
}

.footer-wrap {
    background: var(--primary-color) !important;
}

.footer-item h4 {
    color: var(--text-on-primary) !important;
}

.footer-item p,
.footer-item span,
.footer-item ul li a {
    color: var(--accent-color) !important;
}

/* Form elements */
#contact-form input[type="text"],
#contact-form textarea,
#comment-form input[type="text"],
#comment-form textarea {
    background: var(--primary-light) !important;
    color: var(--text-on-primary) !important;
    border: 1px solid var(--accent-color) !important;
}

#submit,
.form-submit button {
    background: var(--secondary-color) !important;
    color: var(--text-on-secondary) !important;
}

#submit:hover {
    background: var(--secondary-light) !important;
}

/* Portfolio and gallery items */
.port-desc-holder {
    background: var(--primary-color) !important;
}

.port-desc h3 {
    color: var(--text-on-primary) !important;
}

.port-desc span {
    color: var(--accent-color) !important;
}

/* Service items */
.serv-item-inner:before {
    background: var(--secondary-color) !important;
}

.ser-title h3 {
    color: var(--primary-color) !important;
}

.act-ser .ser-title h3:before {
    background: var(--secondary-color) !important;
}

/* Team items */
.team-box:before {
    background: var(--secondary-color) !important;
}

.team-info h3 {
    color: var(--primary-color) !important;
}

.team-info h4 {
    color: var(--secondary-color) !important;
}

/* Testimonials */
.testimon-slider h3 {
    color: var(--primary-color) !important;
}

/* Custom navigation */
.customNavigation a {
    background: var(--primary-color) !important;
    color: var(--text-on-primary) !important;
}

.customNavigation a:hover {
    background: var(--secondary-color) !important;
    color: var(--text-on-secondary) !important;
}

/* Filter buttons */
.gallery-filters a {
    color: var(--primary-color) !important;
}

.gallery-filters a.gallery-filter_active,
.gallery-filters a:hover {
    color: var(--secondary-color) !important;
}

.gallery-filters a:before {
    background: var(--secondary-color) !important;
}

/* Page titles */
.page-title h2 {
    color: var(--primary-color) !important;
}

.page-title h2:before {
    background: var(--secondary-color) !important;
}

/* Hero section */
.hero-wrap-item h2 {
    color: #4a90e2 !important;
    font-family: 'Times New Roman', serif !important;
    font-weight: bold !important;
    font-size: 7em !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    line-height: 1.1 !important;
    margin-bottom: 20px !important;
}

.hero-wrap-item h3 {
    color: #c0c0c0 !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    font-size: 2.2em !important;
    line-height: 1.3 !important;
}

/* Section numbers */
.sect-subtitle span {
    color: var(--secondary-color) !important;
}

/* Links */
.text-link {
    color: var(--secondary-color) !important;
}

.text-link:hover {
    color: var(--secondary-light) !important;
}

/* Breadcrumbs */
.creat-list li a {
    color: var(--accent-color) !important;
}

.creat-list li a:hover {
    color: var(--secondary-color) !important;
}

/* Blog elements */
.blog-title a {
    color: var(--primary-color) !important;
}

.blog-title a:hover {
    color: var(--secondary-color) !important;
}

/* Sidebar */
.hid-sidebar h4 {
    color: var(--primary-color) !important;
}

.hid-sidebar p {
    color: var(--accent-color) !important;
}

/* Contact details */
.contact-details h4 {
    color: var(--primary-color) !important;
}

.contact-details ul li a {
    color: var(--accent-color) !important;
}

.contact-details ul li a:hover {
    color: var(--secondary-color) !important;
}

/* Footer social */
.footer-social li a {
    color: var(--accent-color) !important;
}

.footer-social li a:hover {
    color: var(--secondary-color) !important;
}

/* Mobile menu */
.menusb a {
    color: var(--text-on-primary) !important;
}

.menusb a.act-link {
    color: var(--secondary-color) !important;
}

/* Loader */
.movingBallG {
    background: var(--secondary-color) !important;
}

.movingBallLineG {
    background: rgba(74, 144, 226, 0.21) !important;
}

/* Scroll to top */
.to-top {
    background: var(--primary-color) !important;
    color: var(--text-on-primary) !important;
}

.to-top:hover {
    background: var(--secondary-color) !important;
    color: var(--text-on-secondary) !important;
}

/* Share buttons */
.show-share {
    background: var(--primary-color) !important;
    color: var(--text-on-primary) !important;
}

.show-share:hover {
    background: var(--secondary-color) !important;
    color: var(--text-on-secondary) !important;
}

/* Close sidebar */
.close-sidebar {
    background: var(--primary-color) !important;
    color: var(--text-on-primary) !important;
}

.close-sidebar:hover {
    background: var(--secondary-color) !important;
    color: var(--text-on-secondary) !important;
}

/* Control panel */
.control-panel {
    background: var(--primary-color) !important;
}

.control-panel .btn {
    color: var(--text-on-primary) !important;
}

.control-panel .btn:hover {
    color: var(--secondary-color) !important;
}

/* Fixed content panel */
.fix-con-panel a,
.fix-con-panel span {
    background: var(--primary-color) !important;
    color: var(--text-on-primary) !important;
}

.fix-con-panel a:hover,
.fix-con-panel span:hover {
    background: var(--secondary-color) !important;
    color: var(--text-on-secondary) !important;
}

/* Vis content panel */
.vis-con-panel {
    background: var(--primary-color) !important;
    color: var(--text-on-primary) !important;
}

.vis-con-panel:hover {
    background: var(--secondary-color) !important;
    color: var(--text-on-secondary) !important;
}

/* Pagination */
.pagination-blog a {
    background: var(--primary-color) !important;
    color: var(--text-on-primary) !important;
}

.pagination-blog a.current-page,
.pagination-blog a:hover {
    background: var(--secondary-color) !important;
    color: var(--text-on-secondary) !important;
}

/* Widget elements */
.widget h3 {
    color: var(--primary-color) !important;
}

.widget-posts-descr a {
    color: var(--accent-color) !important;
}

.widget-posts-descr a:hover {
    color: var(--secondary-color) !important;
}

/* Tag cloud */
.tagcloud li a {
    background: var(--primary-color) !important;
    color: var(--text-on-primary) !important;
}

.tagcloud li a:hover {
    background: var(--secondary-color) !important;
    color: var(--text-on-secondary) !important;
}

/* Category items */
.cat-item a {
    color: var(--accent-color) !important;
}

.cat-item a:hover {
    color: var(--secondary-color) !important;
}

/* Comments */
.fn {
    color: var(--primary-color) !important;
}

.comment-meta,
.comment-meta a {
    color: var(--accent-color) !important;
}

/* Search elements */
.search {
    background: var(--primary-light) !important;
    color: var(--text-on-primary) !important;
}

.search-submit {
    background: var(--secondary-color) !important;
    color: var(--text-on-secondary) !important;
}

.search-submit:hover {
    background: var(--secondary-light) !important;
}

/* Blockquote */
blockquote {
    border-left: 15px solid var(--accent-color) !important;
}

blockquote p {
    color: var(--accent-color) !important;
}

/* Inline facts */
.inline-facts h6 {
    color: var(--primary-color) !important;
}

.num {
    color: var(--secondary-color) !important;
}

/* Process boxes */
.process-box h3,
.bold-title {
    color: var(--primary-color) !important;
}

/* Skills and charts */
.skill-name {
    color: var(--primary-color) !important;
}

.skill-name span {
    color: var(--secondary-color) !important;
}

.custom-skillbar-title span {
    color: var(--primary-color) !important;
}

.skill-bar-percent {
    color: var(--secondary-color) !important;
}

/* Clients list */
.clients-list a {
    color: var(--accent-color) !important;
}

.clients-list a:hover {
    color: var(--secondary-color) !important;
}

/* Team social */
.team-social li a {
    background: var(--primary-color) !important;
    color: var(--text-on-primary) !important;
}

.team-social li a:hover {
    background: var(--secondary-color) !important;
    color: var(--text-on-secondary) !important;
}

/* Custom inner elements */
.custom-inner h3 {
    color: var(--primary-color) !important;
}

.custom-inner h4 {
    color: var(--secondary-color) !important;
}

.custom-inner ul li {
    color: var(--accent-color) !important;
}

/* Testimonials slider */
.testimon-slider a.text-link {
    color: var(--secondary-color) !important;
}

.testimon-slider a.text-link:hover {
    color: var(--secondary-light) !important;
}

/* Footer logo */
.footer-logo a {
    color: var(--text-on-primary) !important;
}

.footer-logo p {
    color: var(--accent-color) !important;
}

/* Copyright */
.copyright {
    color: var(--accent-color) !important;
}

/* Map box */
.map-box {
    background: var(--primary-light) !important;
}

/* Error messages */
.error_message {
    color: var(--secondary-color) !important;
}

/* Success page */
#success_page h3 {
    color: var(--primary-color) !important;
}

#success_page p strong {
    color: var(--secondary-color) !important;
}

/* Particular elements */
.particular {
    background: var(--primary-color) !important;
    color: var(--text-on-primary) !important;
}

/* Box items */
.box-item a .overlay {
    background: rgba(23, 29, 46, 0.8) !important;
}

.box-item a:hover .overlay {
    background: rgba(74, 144, 226, 0.8) !important;
}

/* Gallery items */
.gallery-item .port-desc-holder:before {
    background: var(--primary-color) !important;
}

/* Portfolio items */
.portfolio_item:hover .port-desc-holder,
.gallery-item:hover .port-desc-holder {
    background: var(--primary-color) !important;
}

/* Grid items */
.grid-item h3 a {
    color: var(--text-on-primary) !important;
}

.grid-item span {
    color: var(--accent-color) !important;
}

/* Portfolio numbers */
.pr_num {
    color: var(--secondary-color) !important;
}

/* Filter counts */
.inline-filter .count-folio div {
    color: var(--secondary-color) !important;
}

/* Round filter */
.round-filter {
    background: var(--primary-color) !important;
}

.round-filter:before {
    background: var(--secondary-color) !important;
}

/* Filter button */
.filter-button {
    background: var(--primary-color) !important;
    color: var(--text-on-primary) !important;
}

.filter-button:hover {
    background: var(--secondary-color) !important;
    color: var(--text-on-secondary) !important;
}

/* Round counter */
.round-counter {
    background: var(--primary-color) !important;
    color: var(--text-on-primary) !important;
}

.round-counter:before {
    background: var(--secondary-color) !important;
}

/* Hidden filter */
.hid-filter a {
    background: var(--primary-color) !important;
    color: var(--text-on-primary) !important;
}

.hid-filter a.gallery-filter_active {
    background: var(--secondary-color) !important;
    color: var(--text-on-secondary) !important;
}

/* Float filters */
.float-filters {
    background: var(--primary-color) !important;
}

/* Sidebar elements */
.sb-inner {
    background: var(--primary-color) !important;
}

.sb-bg {
    background: var(--primary-color) !important;
}

/* Scale callback */
.scale-callback {
    background: var(--primary-color) !important;
}

.scale-callback:before {
    background: var(--secondary-color) !important;
}

/* Project details */
.project-details li {
    color: var(--accent-color) !important;
}

/* Content nav */
.content-nav {
    background: var(--primary-color) !important;
}

.content-nav:before {
    background: var(--secondary-color) !important;
}

/* Close sidebar */
.close-sidebar:before,
.close-sidebar:after {
    background: var(--text-on-primary) !important;
}

/* Full screen gallery */
.full-screen-gallery-holder {
    background: var(--primary-color) !important;
}

/* Custom navigation for galleries */
.customNavigation a {
    background: var(--primary-color) !important;
    color: var(--text-on-primary) !important;
}

.customNavigation a:hover {
    background: var(--secondary-color) !important;
    color: var(--text-on-secondary) !important;
}

/* Slider zoom */
.slider-zoom {
    background: var(--primary-color) !important;
    color: var(--text-on-primary) !important;
}

.slider-zoom:hover {
    background: var(--secondary-color) !important;
    color: var(--text-on-secondary) !important;
}

/* Slider zoom borders */
.slider-zoom:before,
.slider-zoom:after {
    border-color: var(--text-on-primary) !important;
}

.slider-zoom:hover:before,
.slider-zoom:hover:after {
    border-color: var(--text-on-secondary) !important;
}

/* Caption elements */
.caption {
    background: var(--primary-color) !important;
    color: var(--text-on-primary) !important;
}

.caption h4 {
    color: var(--text-on-primary) !important;
}

.caption p {
    color: var(--accent-color) !important;
}

/* Fixed caption */
.caption.fixed-caption {
    background: var(--primary-color) !important;
}

/* Fix content panel */
.fix-con-panel {
    background: var(--primary-color) !important;
}

/* Vis content panel */
.vis-con-panel {
    background: var(--primary-color) !important;
}

.vis-con-panel.dark-btn {
    background: var(--primary-color) !important;
    color: var(--text-on-primary) !important;
}

.vis-con-panel.dark-btn:hover {
    background: var(--secondary-color) !important;
    color: var(--text-on-secondary) !important;
}

/* Owl thumbs */
.owl-thumbs {
    background: var(--primary-color) !important;
}

.owl-thumb-item {
    background: var(--primary-color) !important;
}

.owl-thumb-item.active {
    background: var(--secondary-color) !important;
}

/* Gallery horizontal */
.gallery_horizontal {
    background: var(--primary-color) !important;
}

/* Horizontal item */
.horizontal_item {
    background: var(--primary-color) !important;
}

/* Show info */
.show-info {
    background: var(--primary-color) !important;
    color: var(--text-on-primary) !important;
}

.show-info span {
    color: var(--text-on-primary) !important;
}

.show-info:hover span {
    color: var(--secondary-color) !important;
}

/* Tooltip info */
.tooltip-info {
    background: var(--primary-color) !important;
    color: var(--text-on-primary) !important;
}

.tooltip-info p {
    color: var(--accent-color) !important;
}

.tooltip-info h5 {
    color: var(--text-on-primary) !important;
}

/* SB overlay */
.sb-overlay {
    background: var(--primary-color) !important;
}

/* Vis overlay */
.vis-overlay {
    background: var(--primary-color) !important;
}

/* Hidden sidebar */
.hid-sidebar {
    background: var(--primary-color) !important;
}

/* Small container */
.small-container {
    background: var(--primary-color) !important;
}

/* Sidebar wrap */
.sidebar-wrap {
    background: var(--primary-color) !important;
}

/* Footer elements */
.footer-wrap {
    background: var(--primary-color) !important;
}

.footer-wrap:before {
    background: var(--secondary-color) !important;
}

.footer-wrap.tth:before {
    background: var(--secondary-color) !important;
}

/* Footer title */
.footer-title {
    background: var(--primary-color) !important;
}

.footer-title:before {
    background: var(--secondary-color) !important;
}

.footer-title h2 {
    color: var(--text-on-primary) !important;
}

.footer-title a {
    color: var(--text-on-primary) !important;
}

/* Footer item */
.footer-item {
    background: var(--primary-color) !important;
}

/* Footer logo */
.footer-logo a:before {
    background: var(--secondary-color) !important;
}

/* Contact form holder */
.contact-form-holder {
    background: var(--primary-color) !important;
}

/* Contact details */
.contact-details {
    background: var(--primary-color) !important;
}

/* Map canvas */
#map-canvas {
    background: var(--primary-light) !important;
}

/* Verify wrap */
.verify-wrap {
    background: var(--primary-color) !important;
}

.verify-text {
    color: var(--accent-color) !important;
}

/* Message fieldset */
#message fieldset {
    background: var(--primary-color) !important;
}

/* Sect subtitle */
.sect-subtitle {
    color: var(--primary-color) !important;
}

.sect-subtitle:before {
    background: var(--secondary-color) !important;
}

.sect-subtitle:after {
    background: var(--secondary-color) !important;
}

.dark-bg .sect-subtitle {
    color: var(--text-on-primary) !important;
}

.dark-bg .sect-subtitle:before {
    background: var(--secondary-color) !important;
}

.dark-bg .sect-subtitle:after {
    background: var(--secondary-color) !important;
}

/* Left align dec */
.left-align-dec:before {
    background: var(--secondary-color) !important;
}

/* Right align dec */
.right-align-dec:before {
    background: var(--secondary-color) !important;
}

/* Inline facts holder */
.inline-facts-holder:before {
    background: var(--secondary-color) !important;
}

/* Process box */
.process-box:before {
    background: var(--secondary-color) !important;
}

/* Creat list */
.creat-list li a:before,
.text-link:before {
    background: var(--secondary-color) !important;
}

.creat-list li a:hover:before,
.text-link:hover:before {
    background: var(--secondary-light) !important;
}

/* Blog nav */
.blg-nav {
    background: var(--primary-color) !important;
}

/* Article elements */
article {
    background: var(--primary-color) !important;
}

/* Widget elements */
.widget {
    background: var(--primary-color) !important;
}

/* Widget posts */
.widget-posts-img {
    background: var(--primary-color) !important;
}

.widget-posts-date {
    color: var(--accent-color) !important;
}

/* Search holder */
.searh-holder {
    background: var(--primary-color) !important;
}

.searh-inner {
    background: var(--primary-color) !important;
}

/* Search */
.search {
    background: var(--primary-light) !important;
}

/* Search submit */
.search-submit {
    background: var(--secondary-color) !important;
}

/* Transparent search */
.trnsp-search {
    background: var(--primary-color) !important;
}

/* Transparent button */
.trnsp_btn {
    background: var(--primary-color) !important;
}

.trnsp_btn i {
    color: var(--text-on-primary) !important;
}

.search-submit:hover i {
    color: var(--text-on-secondary) !important;
}

/* Tag cloud */
.tagcloud li a {
    background: var(--primary-color) !important;
    color: var(--text-on-primary) !important;
}

.tagcloud li a:hover {
    background: var(--secondary-color) !important;
    color: var(--text-on-secondary) !important;
}

/* Category item */
.cat-item a {
    color: var(--accent-color) !important;
}

.cat-item a:hover {
    color: var(--secondary-color) !important;
}

/* Light gallery sub html */
.lg-sub-html {
    background: var(--primary-color) !important;
}

/* Single post */
.sinnle-post h2 {
    color: var(--primary-color) !important;
}

/* Blog text */
.blog-text {
    background: var(--primary-color) !important;
}

.blog-text h3,
.comments-holder h3,
.comment-form-holder h3 {
    color: var(--primary-color) !important;
}

.blog-text h3 strong {
    color: var(--secondary-color) !important;
}

/* Blog title */
.blog-title a {
    color: var(--primary-color) !important;
}

.blog-title a:hover {
    color: var(--secondary-color) !important;
}

/* Blog media */
.blog-media {
    background: var(--primary-color) !important;
}

/* Blog text p */
.blog-text p {
    color: var(--accent-color) !important;
}

/* Pagination blog */
.pagination-blog {
    background: var(--primary-color) !important;
}

.pagination-blog ul {
    background: var(--primary-color) !important;
}

/* Pagination blog a */
.pagination-blog a {
    background: var(--primary-color) !important;
    color: var(--text-on-primary) !important;
}

.pagination-blog a.current-page,
.pagination-blog a:hover {
    background: var(--secondary-color) !important;
    color: var(--text-on-secondary) !important;
}

/* Prev posts link */
.prevposts-link,
.nextposts-link {
    background: var(--primary-color) !important;
    color: var(--text-on-primary) !important;
}

.prevposts-link:before,
.nextposts-link:before {
    background: var(--secondary-color) !important;
}

.prevposts-link:hover:before,
.nextposts-link:hover:before {
    background: var(--secondary-light) !important;
}

/* Sidebar */
.sidebar {
    background: var(--primary-color) !important;
}

/* Single post p */
.sinnle-post p {
    color: var(--accent-color) !important;
}

/* Single post blog text h3 */
.sinnle-post .blog-text h3 {
    color: var(--primary-color) !important;
}

/* Comments holder */
.comments-holder {
    background: var(--primary-color) !important;
}

/* Comment list */
.commentlist {
    background: var(--primary-color) !important;
}

/* Comment form holder */
.comment-form-holder {
    background: var(--primary-color) !important;
}

/* Comments */
#comments {
    background: var(--primary-color) !important;
}

/* Comments title */
#comments-title,
#reply-title {
    color: var(--primary-color) !important;
}

/* Comment */
.comment {
    background: var(--primary-color) !important;
}

/* Comment body */
.comment-body {
    background: var(--primary-color) !important;
}

/* Comment author */
.comment-author {
    background: var(--primary-color) !important;
}

/* Comment author img */
.comment-author img {
    background: var(--primary-color) !important;
}

/* Comment children */
.comment .children {
    background: var(--primary-color) !important;
}

/* Function name */
.fn {
    color: var(--primary-color) !important;
}

/* Comment meta */
.comment-meta,
.comment-meta a {
    color: var(--accent-color) !important;
}

/* Respond */
#respond {
    background: var(--primary-color) !important;
}

/* Reply title */
#reply-title {
    color: var(--primary-color) !important;
}

/* Comment form */
#commentform {
    background: var(--primary-color) !important;
}

/* Comment notes */
.comment-notes {
    color: var(--accent-color) !important;
}

/* Control group label */
.control-group label {
    color: var(--primary-color) !important;
}

/* Control group controls input */
.control-group .controls input {
    background: var(--primary-light) !important;
    color: var(--text-on-primary) !important;
    border: 1px solid var(--accent-color) !important;
}

/* Control group controls textarea */
.control-group .controls textarea {
    background: var(--primary-light) !important;
    color: var(--text-on-primary) !important;
    border: 1px solid var(--accent-color) !important;
}

/* Controls button */
.controls button {
    background: var(--secondary-color) !important;
    color: var(--text-on-secondary) !important;
}

/* Show share */
.show-share {
    background: var(--primary-color) !important;
    color: var(--text-on-primary) !important;
}

.show-share span {
    color: var(--text-on-primary) !important;
}

.show-share:hover span {
    color: var(--secondary-color) !important;
}

.show-share.isShare {
    background: var(--primary-color) !important;
}

.show-share.isShare span {
    color: var(--text-on-primary) !important;
}

/* Share inner */
.share-inner {
    background: var(--primary-color) !important;
}

/* Hor inner */
.hor-inner {
    background: var(--primary-color) !important;
}

/* Vis share */
.visshare {
    background: var(--primary-color) !important;
}

/* Share container */
.share-container {
    background: var(--primary-color) !important;
}

/* Vis sc */
.vissc {
    background: var(--primary-color) !important;
}

/* Share icon */
.share-icon {
    background: var(--primary-color) !important;
    color: var(--text-on-primary) !important;
}

.share-icon:hover {
    background: var(--secondary-color) !important;
    color: var(--text-on-secondary) !important;
}

.share-icon:before {
    background: var(--secondary-color) !important;
}

/* Share icon specific colors */
.share-icon-facebook:before {
    background: #3b5998 !important;
}

.share-icon-twitter:before {
    background: #1da1f2 !important;
}

.share-icon-tumblr:before {
    background: #35465c !important;
}

.share-icon-linkedin:before {
    background: #0077b5 !important;
}

.share-icon-pinterest:before {
    background: #bd081c !important;
}

/* Transition */
.transition {
    background: var(--primary-color) !important;
}

.transition2 {
    background: var(--primary-color) !important;
}

/* Float left */
.fl-l {
    background: var(--primary-color) !important;
}

/* Nav button holder */
.nav-button-holder {
    background: var(--primary-color) !important;
}

/* Hidden gallery */
.hid-gal {
    background: var(--primary-color) !important;
}

/* Mobile responsive adjustments */
@media only screen and (max-width: 1236px) {
    header {
        background: var(--primary-color) !important;
    }
    
    .share-inner {
        background: var(--primary-color) !important;
    }
    
    .creat-list li a {
        color: var(--accent-color) !important;
    }
    
    .round-filter:before {
        background: var(--secondary-color) !important;
    }
    
    .hid-filter {
        background: var(--primary-color) !important;
    }
    
    .round-filter {
        background: var(--primary-color) !important;
    }
    
    .nicescroll-rails {
        background: var(--primary-color) !important;
    }
}

@media only screen and (max-width: 1036px) {
    .hid-gal {
        background: var(--primary-color) !important;
    }
    
    .mob-bg {
        background: var(--primary-color) !important;
    }
    
    .nav-button-holder {
        background: var(--primary-color) !important;
    }
    
    .show-share {
        background: var(--primary-color) !important;
    }
    
    .nav-button {
        background: var(--primary-color) !important;
    }
    
    .share-inner {
        background: var(--primary-color) !important;
    }
    
    .content-holder {
        background: var(--primary-color) !important;
    }
    
    .header-inner {
        background: var(--primary-color) !important;
    }
    
    .particular {
        background: var(--primary-color) !important;
    }
    
    .parallax-box {
        background: var(--primary-color) !important;
    }
    
    .parallax-box.r-align {
        background: var(--primary-color) !important;
    }
    
    .parallax-box img {
        background: var(--primary-color) !important;
    }
    
    .parallax-item {
        background: var(--primary-color) !important;
    }
    
    .parallax-deck {
        background: var(--primary-color) !important;
    }
    
    .left-direction .parallax-deck {
        background: var(--primary-color) !important;
    }
    
    .right-direction .parallax-deck {
        background: var(--primary-color) !important;
    }
    
    .parallax-deck-item {
        background: var(--primary-color) !important;
    }
    
    .paralax-wrap {
        background: var(--primary-color) !important;
    }
    
    .parallax-deck h3 {
        color: var(--text-on-primary) !important;
    }
    
    .algn-right {
        background: var(--primary-color) !important;
    }
    
    .inline-facts h6 {
        color: var(--primary-color) !important;
    }
    
    .num,
    .inline-facts h6 {
        color: var(--secondary-color) !important;
    }
    
    .nav-button-holder {
        background: var(--primary-color) !important;
    }
    
    .main-menu nav ul {
        background: var(--primary-color) !important;
    }
    
    .main-menu {
        background: var(--primary-color) !important;
    }
    
    .vismobmenu {
        background: var(--primary-color) !important;
    }
    
    .menusb {
        background: var(--primary-color) !important;
    }
    
    .main-menu .menusb ul {
        background: var(--primary-color) !important;
    }
    
    .menusb li {
        background: var(--primary-color) !important;
    }
    
    .menusb li i {
        color: var(--text-on-primary) !important;
    }
    
    .menusb a {
        color: var(--text-on-primary) !important;
    }
    
    .menusb a.act-link {
        color: var(--secondary-color) !important;
    }
    
    .menusb a.back {
        color: var(--text-on-primary) !important;
    }
    
    .menusb a.back:before {
        background: var(--secondary-color) !important;
    }
    
    .submen-dec:before {
        background: var(--secondary-color) !important;
    }
    
    .content-footer {
        background: var(--primary-color) !important;
    }
    
    .gallery-item {
        background: var(--primary-color) !important;
    }
    
    .colum-w {
        background: var(--primary-color) !important;
    }
    
    .custom-inner-holder .col-md-6 h3 {
        color: var(--primary-color) !important;
    }
    
    .footer-item {
        background: var(--primary-color) !important;
    }
    
    .contact-details h4 {
        color: var(--primary-color) !important;
    }
    
    .sidebar {
        background: var(--primary-color) !important;
    }
    
    .hid-sidebar {
        background: var(--primary-color) !important;
    }
    
    .horizontal_item img {
        background: var(--primary-color) !important;
    }
    
    .sb-inner {
        background: var(--primary-color) !important;
    }
    
    .sidebar-wrap {
        background: var(--primary-color) !important;
    }
    
    .ogm {
        background: var(--primary-color) !important;
    }
    
    .ogm .customNavigation {
        background: var(--primary-color) !important;
    }
    
    .gallery_horizontal {
        background: var(--primary-color) !important;
    }
    
    .flow-gallery .horizontal_item {
        background: var(--primary-color) !important;
    }
    
    section {
        background: var(--primary-color) !important;
    }
    
    .parallax-section {
        background: var(--primary-color) !important;
    }
    
    .parallax-inner .bg {
        background: var(--primary-color) !important;
    }
    
    .smp {
        background: var(--primary-color) !important;
    }
    
    .footer-item h4 {
        color: var(--text-on-primary) !important;
    }
    
    .hero-link {
        background: var(--primary-color) !important;
    }
    
    .hero-wrap-item h2 {
        color: var(--text-on-primary) !important;
    }
}

@media only screen and (max-width: 778px) {
    #portfolio_horizontal_container,
    .resize-carousel-holder {
        background: var(--primary-color) !important;
    }
    
    #portfolio_horizontal_container {
        background: var(--primary-color) !important;
    }
    
    #portfolio_horizontal_container .portfolio_item {
        background: var(--primary-color) !important;
    }
    
    .port-desc-holder {
        background: var(--primary-color) !important;
    }
    
    .p_horizontal_wrap {
        background: var(--primary-color) !important;
    }
    
    #portfolio_horizontal_container .portfolio_item img {
        background: var(--primary-color) !important;
    }
    
    .hpw,
    .p_horizontal_wrap,
    .resize-carousel-holder {
        background: var(--primary-color) !important;
    }
    
    .hpw {
        background: var(--primary-color) !important;
    }
    
    .resize-carousel-holder {
        background: var(--primary-color) !important;
    }
    
    .team-holder li {
        background: var(--primary-color) !important;
    }
    
    .team-social li a {
        background: var(--primary-color) !important;
    }
    
    .port-desc-holder:before {
        background: var(--primary-color) !important;
    }
    
    .gallery-filters a {
        background: var(--primary-color) !important;
    }
    
    .inline-filter .count-folio {
        background: var(--primary-color) !important;
    }
    
    .inline-filter .count-folio div {
        background: var(--primary-color) !important;
    }
    
    .inline-filter {
        background: var(--primary-color) !important;
    }
    
    .mob-pa {
        background: var(--primary-color) !important;
    }
    
    .ver-filter {
        background: var(--primary-color) !important;
    }
    
    .gallery-item {
        background: var(--primary-color) !important;
    }
    
    .smp {
        background: var(--primary-color) !important;
    }
}

@media only screen and (max-width: 640px) {
    .num {
        color: var(--secondary-color) !important;
    }
    
    .page-title h2 {
        color: var(--primary-color) !important;
    }
    
    .team-holder li {
        background: var(--primary-color) !important;
    }
    
    .grid-small-pad .grid-item-holder,
    .grid-big-pad .grid-item-holder {
        background: var(--primary-color) !important;
    }
    
    .fixed-filter a {
        background: var(--primary-color) !important;
    }
    
    .gallery-filters a:before {
        background: var(--secondary-color) !important;
    }
    
    .gallery-filters a.gallery-filter-active:before {
        background: var(--secondary-color) !important;
    }
    
    .smp {
        background: var(--primary-color) !important;
    }
    
    .serv-item {
        background: var(--primary-color) !important;
    }
    
    .serv-item:nth-child(even) {
        background: var(--primary-color) !important;
    }
    
    .clients-list a {
        background: var(--primary-color) !important;
    }
    
    .section-title,
    .page-title h2,
    .sect-subtitle {
        color: var(--primary-color) !important;
    }
    
    .parallax-deck-item h3 {
        color: var(--text-on-primary) !important;
    }
    
    .hero-wrap-item h2 {
        color: var(--text-on-primary) !important;
    }
    
    .hero-wrap-item h3,
    .hero-wrap-item h3 a {
        color: var(--accent-color) !important;
    }
    
    .customNavigation.fhsln a.next-slide {
        background: var(--primary-color) !important;
    }
    
    .customNavigation.fhsln a.prev-slide {
        background: var(--primary-color) !important;
    }
    
    p {
        color: var(--accent-color) !important;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .bg {
        background: var(--primary-color) !important;
    }
} 

/* ============================================================
   Triambikaa Dark Theme Enhancements
   ============================================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--text-on-primary) !important;
}

p,
.content p,
.dark-bg p,
.about-intro p {
    color: rgba(255, 255, 255, 0.88) !important;
}

.content {
    background: var(--primary-dark) !important;
}

.section-title,
.section-title strong,
.section-title span,
.section-title span strong,
.dec-title span {
    color: var(--text-on-primary) !important;
}

.parallax-deck h3,
.parallax-deck h3 strong,
.process-box h3,
.inline-facts h6,
.inline-facts h6 span,
.bold-title,
.num {
    color: var(--text-on-primary) !important;
}

.creat-list {
    line-height: 1.6 !important;
}

.creat-list li a {
    color: rgba(255, 255, 255, 0.85) !important;
    text-align: left !important;
}

.creat-list li a:hover {
    color: #ffffff !important;
}

.service-description {
    padding: 24px;
    background: rgba(15, 20, 31, 0.82);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    color: var(--text-on-primary) !important;
    text-align: left;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(8px);
    position: relative;
    z-index: 2;
}

.service-description h3,
.service-description h4 {
    font-size: 1.5rem;
    margin-bottom: 18px;
    color: var(--text-on-primary) !important;
}

.service-description h4 {
    font-size: 1.25rem;
    margin-top: 24px;
}

.service-description p,
.service-description li {
    color: rgba(255, 255, 255, 0.85) !important;
    margin-bottom: 16px;
    font-size: 1rem;
    line-height: 1.7;
}

.service-description li:last-child {
    margin-bottom: 0;
}

.service-description strong {
    color: #ffffff !important;
}

.service-list {
    list-style: none;
    padding-left: 0;
    margin: 24px 0;
    display: grid;
    gap: 16px;
}

.service-list strong {
    display: inline-block;
    margin-bottom: 4px;
}

.service-highlight {
    margin-top: 30px;
    padding: 20px;
    background: rgba(74, 144, 226, 0.18);
    border-left: 4px solid var(--secondary-color);
    border-radius: 14px;
    color: var(--text-on-primary) !important;
    line-height: 1.6;
}

.about-intro {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.about-intro p {
    font-size: 1.05rem;
}

.inline-facts h6 span {
    color: inherit !important;
}

.hero-split {
    background: var(--primary-dark);
}

@media (max-width: 992px) {
    header .header-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 24px;
        width: 100%;
        float: none !important;
    }
    header .logo-holder,
    header .nav-holder,
    header .nav-button-holder {
        float: none !important;
    }
    header .nav-button-holder {
        margin-left: auto;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    .service-description {
        margin-top: 32px;
        clear: both;
        background: rgba(15, 20, 31, 0.94);
        backdrop-filter: none;
    }
}

@media (max-width: 640px) {
    .service-description {
        padding: 20px;
        border-radius: 16px;
    }
}

.parallax-item .paralax-wrap {
    opacity: 1 !important;
}

@media (max-width: 768px) {
    .hero-split {
        flex-direction: column;
        min-height: 100vh;
    }
    .hero-logo-section {
        width: 100%;
        min-height: 100vh;
        padding: 48px 24px;
    }
    .hero-bg-section {
        display: none;
    }
}