/* --------------------------------------
@Author: ThemeMascot
@URL: http://themeforest.net/user/ThemeMascot

COLOR : Blue
COLOR CODE: #1a3654
----------------------------------------- */
/* text-theme-color */
.text-theme-colored {
  color: #1a3654 !important;
}
/* text-hover-theme-color */
.text-hover-theme-colored:hover {
  color: #1a3654 !important;
}
/* background-theme-color */
.bg-theme-colored {
  background-color: #1a3654 !important;
}
.bg-theme-colored-lighter2 {
  background-color: #1f3e5b !important;
}
.bg-theme-colored-lighter3 {
  background-color: #244662 !important;
}
.bg-theme-colored-lighter4 {
  background-color: #294e69 !important;
}
.bg-theme-colored-darker2 {
  background-color: #162e47 !important;
}
.bg-theme-colored-darker3 {
  background-color: #13263a !important;
}
.bg-theme-colored-darker4 {
  background-color: #0f1e2d !important;
}
/* background-color-transparent */
.bg-theme-colored-transparent-9 {
  background-color: rgba(26, 54, 84, 0.9);
}
.bg-theme-colored-transparent-8 {
  background-color: rgba(26, 54, 84, 0.8);
}
.bg-theme-colored-transparent-7 {
  background-color: rgba(26, 54, 84, 0.7);
}
.bg-theme-colored-transparent-6 {
  background-color: rgba(26, 54, 84, 0.6);
}
.bg-theme-colored-transparent-5 {
  background-color: rgba(26, 54, 84, 0.5);
}
.bg-theme-colored-transparent-4 {
  background-color: rgba(26, 54, 84, 0.4);
}
.bg-theme-colored-transparent-3 {
  background-color: rgba(26, 54, 84, 0.3);
}
.bg-theme-colored-transparent-2 {
  background-color: rgba(26, 54, 84, 0.2);
}
.bg-theme-colored-transparent-1 {
  background-color: rgba(26, 54, 84, 0.1);
}
.bg-theme-colored-transparent {
  background-color: rgba(26, 54, 84, 0.75) !important;
}
/* bg-hover-theme-color */
.bg-hover-theme-colored:hover {
  background: #1a3654 !important;
  border-color: #1a3654 !important;
  color: #fff !important;
}
.bg-hover-theme-colored:hover h1,
.bg-hover-theme-colored:hover h2,
.bg-hover-theme-colored:hover h3,
.bg-hover-theme-colored:hover h4,
.bg-hover-theme-colored:hover h5,
.bg-hover-theme-colored:hover h6,
.bg-hover-theme-colored:hover p,
.bg-hover-theme-colored:hover a,
.bg-hover-theme-colored:hover i {
  color: #fff !important;
}
/* Layer-overlay */
.overlay-theme-colored-1:before {
  background-color: rgba(26, 54, 84, 0.1) !important;
}
.overlay-theme-colored-2:before {
  background-color: rgba(26, 54, 84, 0.2) !important;
}
.overlay-theme-colored-3:before {
  background-color: rgba(26, 54, 84, 0.3) !important;
}
.overlay-theme-colored-4:before {
  background-color: rgba(26, 54, 84, 0.4) !important;
}
.overlay-theme-colored-5:before {
  background-color: rgba(26, 54, 84, 0.5) !important;
}
.overlay-theme-colored-6:before {
  background-color: rgba(26, 54, 84, 0.6) !important;
}
.overlay-theme-colored-7:before {
  background-color: rgba(26, 54, 84, 0.7) !important;
}
.overlay-theme-colored-8:before {
  background-color: rgba(26, 54, 84, 0.8) !important;
}
.overlay-theme-colored-9:before {
  background-color: rgba(26, 54, 84, 0.9) !important;
}

/* Border-theme-color */
.border-theme-colored {
  border-color: #1a3654 !important;
}
.border-bottom-theme-colored {
  border-bottom-color: #1a3654 !important;
}
.border-top-theme-colored {
  border-top-color: #1a3654 !important;
}
.border-left-theme-colored {
  border-left-color: #1a3654 !important;
}
.border-right-theme-colored {
  border-right-color: #1a3654 !important;
}

/* Button Colors */
.btn-theme-colored {
  background-color: #1a3654;
  border-color: #1a3654;
  color: #fff;
}
.btn-theme-colored:hover,
.btn-theme-colored:focus,
.btn-theme-colored:active {
  background-color: #13263a;
  border-color: #13263a;
  color: #fff;
}

/* Link Colors */
a {
  color: #1a3654;
}
a:hover {
  color: #13263a;
}

/* Line Bottom */
.line-bottom {
  position: relative;
  padding-bottom: 15px;
}
.line-bottom:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50px;
  height: 3px;
  background-color: #1a3654;
}

/* Revolution Slider Elements */
.tp-bannertimer {
  background-color: rgba(26, 54, 84, 1.00) !important;
}

/* Navigation and Menu Colors */
.menuzord-menu > li > a:hover,
.menuzord-menu > li.active > a {
  color: #1a3654 !important;
}

/* Form Elements */
.form-control:focus {
  border-color: #1a3654;
  box-shadow: 0 0 0 0.2rem rgba(26, 54, 84, 0.25);
}

/* Custom Roboto Font Override */
body,
h1, h2, h3, h4, h5, h6,
p, span, div, a, li, td, th, 
.btn, .form-control, .navbar,
.menuzord-menu {
  font-family: 'Roboto', sans-serif !important;
}

/* Font Weights for Roboto */
h1, h2, h3, h4, h5, h6 {
  font-weight: 500 !important;
}

.btn {
  font-weight: 400 !important;
}

/* Additional Blue Theme Elements */
.progress-bar-theme-colored {
  background-color: #1a3654;
}

.pagination > .active > a,
.pagination > .active > span {
  background-color: #1a3654;
  border-color: #1a3654;
}

.nav-pills > li.active > a {
  background-color: #1a3654;
}

.label-theme-colored {
  background-color: #1a3654;
}

.alert-theme-colored {
  background-color: rgba(26, 54, 84, 0.1);
  border-color: #1a3654;
  color: #1a3654;
}

/* Icon Colors */
.icon-theme-colored {
  color: #1a3654 !important;
}

/* Divider Colors */
.divider-theme-colored {
  background-color: #1a3654;
}

/* Table Colors */
.table-theme-colored {
  background-color: #1a3654;
  color: #fff;
}

/* Card and Panel Colors */
.panel-theme-colored .panel-heading {
  background-color: #1a3654;
  border-color: #1a3654;
  color: #fff;
}

/* Timeline Colors */
.timeline-theme-colored .timeline-badge {
  background-color: #1a3654;
}

/* Testimonial Colors */
.testimonial-theme-colored {
  background-color: rgba(26, 54, 84, 0.1);
}

/* Quote Colors */
blockquote.theme-colored {
  border-left-color: #1a3654;
}

/* Social Icon Colors */
.social-icon-theme-colored {
  background-color: #1a3654;
  color: #fff;
}
.social-icon-theme-colored:hover {
  background-color: #13263a;
}

/* Footer Colors */
.footer-theme-colored {
  background-color: #1a3654;
  color: #fff;
}

/* Scroll to Top Button */
.scrollToTop {
  background-color: #1a3654;
}
.scrollToTop:hover {
  background-color: #13263a;
}

/* Menu Dropdown Indicators/Arrows - Bootstrap 3 Compatible */
.menuzord-menu li .indicator {
  display: inline-block !important;
  font-family: 'FontAwesome' !important;
  font-style: normal !important;
  font-weight: normal !important;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  color: #666666 !important;
  margin-left: 8px !important;
  vertical-align: middle !important;
}

.menuzord-menu li .indicator:before {
  content: "\f107" !important; /* FontAwesome chevron-down */
  font-family: 'FontAwesome' !important;
  font-size: 12px !important;
  color: #666666 !important;
  display: inline-block !important;
  speak: none !important;
  text-rendering: auto !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

.menuzord-menu li:hover .indicator {
  color: #1a3654 !important;
}

.menuzord-menu li:hover .indicator:before {
  color: #1a3654 !important;
}

/* Dropdown submenu indicators */
.menuzord-menu ul.dropdown li .indicator {
  position: absolute !important;
  top: 12px !important;
  right: 15px !important;
  font-size: 12px !important;
  margin-left: 0 !important;
}

.menuzord-menu ul.dropdown li .indicator:before {
  content: "\f105" !important; /* FontAwesome chevron-right */
  font-family: 'FontAwesome' !important;
  font-size: 11px !important;
  color: #666666 !important;
}

.menuzord-menu ul.dropdown li:hover .indicator:before {
  color: #1a3654 !important;
}

/* Mobile menu indicators - Bootstrap 3 responsive */
.menuzord-responsive .menuzord-menu li .indicator {
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  width: 50px !important;
  height: 45px !important;
  line-height: 45px !important;
  text-align: center !important;
  color: #666666 !important;
  border-left: 1px solid #e0e0e0 !important;
  margin-left: 0 !important;
}

.menuzord-responsive .menuzord-menu li .indicator:before {
  content: "\f107" !important;
  font-family: 'FontAwesome' !important;
  font-size: 16px !important;
  color: #666666 !important;
  line-height: 45px !important;
}

.menuzord-responsive .menuzord-menu li:hover .indicator,
.menuzord-responsive .menuzord-menu li.showhide .indicator {
  color: #1a3654 !important;
  background-color: #f5f5f5 !important;
}

.menuzord-responsive .menuzord-menu li:hover .indicator:before,
.menuzord-responsive .menuzord-menu li.showhide .indicator:before {
  color: #1a3654 !important;
}

/* Fallback for when FontAwesome doesn't load */
.menuzord-menu li .indicator:after {
  content: "▼" !important;
  font-family: Arial, sans-serif !important;
  font-size: 10px !important;
  color: #666666 !important;
  display: none !important;
}

.menuzord-menu ul.dropdown li .indicator:after {
  content: "►" !important;
  font-size: 9px !important;
}

/* Show fallback if FontAwesome fails to load */
.menuzord-menu li .indicator:before:empty + .menuzord-menu li .indicator:after {
  display: inline-block !important;
}

/* Active and current menu states */
.menuzord-menu li.active .indicator,
.menuzord-menu li.current-menu-item .indicator,
.menuzord-menu li.current-menu-ancestor .indicator {
  color: #1a3654 !important;
}

.menuzord-menu li.active .indicator:before,
.menuzord-menu li.current-menu-item .indicator:before,
.menuzord-menu li.current-menu-ancestor .indicator:before {
  color: #1a3654 !important;
}

/* Ensure compatibility with Bootstrap 3 grid system */
@media (max-width: 767px) {
  .menuzord-responsive .menuzord-menu li .indicator {
    width: 45px !important;
    height: 40px !important;
    line-height: 40px !important;
  }
  
  .menuzord-responsive .menuzord-menu li .indicator:before {
    font-size: 14px !important;
    line-height: 40px !important;
  }
}

/* Bootstrap 3 navbar compatibility */
.navbar .menuzord-menu li .indicator {
  margin-top: 0 !important;
  vertical-align: baseline !important;
}

/* Ensure FontAwesome is loaded */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
       url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
       url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
       url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
       url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
} 

/* Debugging and visibility improvements for menu indicators */
.menuzord-menu li > a > .indicator,
.menuzord-menu li > a .indicator {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 12px !important;
  margin-left: 5px !important;
  color: #666666 !important;
}

/* Force display of indicators */
.menuzord-menu li:has(.dropdown) > a:after,
.menuzord-menu li.has-dropdown > a:after {
  content: " \f107" !important;
  font-family: 'FontAwesome' !important;
  font-size: 12px !important;
  color: #666666 !important;
  margin-left: 5px !important;
  display: inline-block !important;
}

/* Alternative approach using CSS content */
.menuzord-menu li > a[href="#"]:after {
  content: " \f107" !important;
  font-family: 'FontAwesome' !important;
  font-size: 12px !important;
  color: #666666 !important;
  margin-left: 5px !important;
  display: inline-block !important;
  speak: none !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

.menuzord-menu li > a[href="#"]:hover:after {
  color: #1a3654 !important;
}