/**
 * Studio Casa Custom Theme
 * Override primary color from #ffd615 to #1d3176
 */

/* Preloader colors */
.boxes .box > div:nth-child(1) {
    background: #1d3176 !important;
}

.boxes .box > div:nth-child(2) {
    background: #073362 !important;
}

.boxes .box > div:nth-child(3) {
    background: #0b4a8c !important;
}

.boxes .box > div:nth-child(4) {
    background: #e4e4e4 !important;
}

/* Primary color overrides */
.bg-primary,
.bg-primary:hover {
    background-color: #1d3176 !important;
    color: #fff !important;
}

/* Text colors */
.text-primary {
    color: #1d3176 !important;
}

/* Links and hover states */
.link:hover {
    color: #1d3176 !important;
}

/* Header navigation */
.main-header .main-menu .navigation > li > a:before {
    background: #1d3176;
}

.header-account ul li a:hover {
    color: #1d3176;
}

.header-style-2 .header-account ul li a:hover {
    color: #1d3176;
}

/* Menu items */
.main-header .main-menu .navigation > li > ul > li > a:before,
.main-header .main-menu .navigation > li > ul > li:hover > a,
.main-header .main-menu .navigation > li > ul > li.dropdown2:hover > a:after,
.main-header .main-menu .navigation > li > ul > .current > a,
.main-header .main-menu .navigation > li > ul > li > ul > .current > a,
.main-header .main-menu .navigation > li > ul > li > ul > li:hover > a {
    color: #1d3176;
}

.main-header .main-menu .navigation > li > ul > li > a:before,
.main-header .main-menu .navigation > li > ul > li > ul > li > a:before {
    color: #1d3176;
}

/* Mobile menu */
.mobile-menu .navigation li:hover > a,
.mobile-menu .navigation li.current > a,
.mobile-menu .navigation li.current li.current > a {
    color: #1d3176;
}

.mobile-button:before,
.mobile-button:after,
.mobile-button span {
    background-color: #1d3176;
}

/* Canvas menu */
.canvas-menu .menu-outer .nav-link.current,
.canvas-menu .menu-outer .nav-link:hover,
.canvas-menu .menu-outer .nav-link.current .icon,
.canvas-menu .menu-outer .nav-link:hover .icon,
.canvas-menu .menu-outer .sub-nav-menu .sub-nav-link.current,
.canvas-menu .menu-outer .sub-nav-menu .sub-nav-link:hover {
    color: #1d3176;
}

/* Footer */
.footer .content-footer-bottom .menu-bottom a:hover,
.navigation-menu-footer li a:hover {
    color: #1d3176;
}

.navigation-menu-footer li a:after {
    background: #1d3176;
}

/* Buttons */
.header-style-3 .btn-search {
    background-color: #1d3176;
    color: #fff !important;
}

.header-style-3 .btn-search:hover {
    background-color: #073362;
    color: #fff !important;
}

/* Form inputs focus */
textarea:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=time]:focus,
input[type=week]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=color]:focus {
    border-color: #1d3176;
}

/* Additional button styles that might use primary color */
.tf-btn,
.tf-button,
.btn-primary,
.button,
a.btn,
button.primary,
.btn,
button[type="submit"] {
    background-color: #1d3176 !important;
    border-color: #1d3176 !important;
    color: #fff !important;
}

.tf-btn:hover,
.tf-button:hover,
.btn-primary:hover,
.button:hover,
a.btn:hover,
button.primary:hover,
.btn:hover,
button[type="submit"]:hover {
    background-color: #073362 !important;
    border-color: #073362 !important;
    color: #fff !important;
}

/* Ensure icon buttons also have white text/icons */
.header-style-3 .btn-search .icon,
.tf-btn .icon,
.tf-button .icon,
.btn .icon,
.button .icon {
    color: #fff !important;
}

/* Map cluster colors */
.cluster-map-visible {
    background-color: #1d3176 !important;
    border: 8px solid rgba(9, 66, 123, 0.1) !important;
}

/* Page title header */
.flat-title-page {
    background-color: #1d3176 !important;
}

.flat-title-page h2 {
    color: #fff !important;
}

.flat-title-page .breadcrumb li,
.flat-title-page .breadcrumb li a {
    color: #fff !important;
}

.flat-title-page .breadcrumb li a:hover {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* Date post badge */
.date-post {
    background-color: #1d3176 !important;
    color: #fff !important;
}

.blog-tag.primary {
    background-color: #1d3176 !important;
    color: #fff !important;
}

.tw-bg-primary, .hover\:tw-bg-primary:hover {
    background-color: #1d3176 !important;
    color: #fff !important;
}

.tw-text-\[gold\] {
    color: #1d3176 !important;
}

/* SVG stroke colors in valuta-casa */
svg[stroke="green"] {
    stroke: #1d3176 !important;
}

svg[stroke="gold"] {
    stroke: #1d3176 !important;
}

/* Homepage slider background */
#page > section.flat-slider.home-1,
.flat-slider.home-1 {
    background-color: #1d3176 !important;
}

.flat-slider.home-1 .slider-content .heading,
.flat-slider.home-1 .slider-content .subtitle,
.flat-slider.home-1 .slider-content h1,
.flat-slider.home-1 .slider-content h2,
.flat-slider.home-1 .slider-content h3,
.flat-slider.home-1 .slider-content h4,
.flat-slider.home-1 .slider-content h5,
.flat-slider.home-1 .slider-content h6,
.flat-slider.home-1 .slider-content p {
    color: #fff !important;
}

/* Exclude nice-select and form elements from white text */
.flat-slider.home-1 .nice-select,
.flat-slider.home-1 .nice-select .current,
.flat-slider.home-1 .nice-select .list,
.flat-slider.home-1 .nice-select .option {
    color: initial !important;
}

/* Text muted inside bg-primary badges */
.flat-slider.home-1 .bg-primary .text-muted {
    color: #e0e0e0 !important;
}

.flat-slider.home-1 .tf-btn.secondary,
.flat-slider.home-1 button.tf-btn.secondary {
    background-color: #000 !important;
    border-color: #000 !important;
    color: #fff !important;
}

.flat-slider.home-1 .tf-btn.secondary:hover,
.flat-slider.home-1 button.tf-btn.secondary:hover {
    background-color: #333 !important;
    border-color: #333 !important;
    color: #fff !important;
}