/* Palette overrides: gris #706F6F, azul #1D4796, blanco #ffffff */
:root{
  --rm-gray: #706F6F;
  --rm-blue: #1D4796;
  --rm-white: #ffffff;
}

/* Base text and background */
body, p, .default_text, .default_text_light, .default_text_dark, .open_sans, input, textarea{
  color: var(--rm-gray) !important;
  background: transparent !important;
}

/* Headings and small headings */
h1, h2, h3, h4, h5, h6, .default_section_heading, .default_small_heading, .small_heading_navy, .small_heading_navy a{
  color: var(--rm-gray) !important;
}

/* Accent color (links, important accents, counters) */
a, a:visited, .anchor_style_default, .blue_color, .navy_blue, .default_divider_blue, .default_divider_blue::before, .cbp-filter-item-active, .cbp-filter-item {
  color: var(--rm-blue) !important;
}

/* Buttons and primary backgrounds */
.button, .button_default_style, .bg_pink, .bg_before_pink, .bg_before_navy, .bg_before_white, .bg_navy, .bg_white {
  background-color: var(--rm-blue) !important;
  border-color: var(--rm-blue) !important;
  color: var(--rm-white) !important;
}

/* Button hover state - maintain white text */
.button:hover, .button_default_style:hover, .bg_pink:hover {
  background-color: var(--rm-blue) !important;
  border-color: var(--rm-blue) !important;
  color: var(--rm-white) !important;
  opacity: 0.9;
}

/* Bordered buttons */
.bordered_button, .bordered_button:hover {
  background: transparent !important;
  color: var(--rm-blue) !important;
  border: 2px solid var(--rm-blue) !important;
}

/* Small accent elements previously pink/yellow */
.pink_color, .h3_pink, .font_600 span, .font_600, .cbp-filter-counter {
  color: var(--rm-blue) !important;
}

.button.bg_before_pink::before {
  background: var(--rm-blue) !important;
}

/* Icons in about section - no background */
.icons_div_small .pink_color {
  color: var(--rm-blue) !important;
  background: transparent !important;
  font-size: 24px;
}

/* Stats, icons and counters */
.stats_section_icon, .team_members_icon_inner, .social_icon i, .footer_links i{
  color: var(--rm-white) !important;
  background: var(--rm-gray) none !important;
}

/* Contact section icons - enhanced with larger size and circular blue background */
.form_icon {
  color: var(--rm-white) !important;
  background: var(--rm-blue) !important;
  font-size: 20px !important;
  width: 42px !important;
  height: 42px !important;
  line-height: 42px !important;
  border-radius: 50% !important;
  display: inline-block !important;
  text-align: center !important;
  margin: 0 auto !important;
}

/* Footer social icons: white only and slightly larger, no background */
.footer_links i{
  color: var(--rm-white) !important;
  background: transparent !important;
  font-size: 26px !important;
}
.footer_links a:hover i,
.footer_links a:focus i{
  color: var(--rm-white) !important;
  opacity: 0.9;
}

/* Footer & header backgrounds */
.footer_section, .bg_navy, .navbar.green, .navbar-fixed-top.green, header .page_content_main_slider {
  background-color: var(--rm-blue) !important;
  color: var(--rm-white) !important;
}

/* Navbar link colors for contrast on blue background */
.navbar.green .navbar-nav > li > a,
.navbar .navbar-nav > li > a {
  color: var(--rm-white) !important;
}
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li.active > a,
.navbar .navbar-nav > li > a:focus {
  color: #e6e6e6 !important;
}
.navbar .navbar-brand,
.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus { color: var(--rm-white) !important; }

/* Mobile toggle icon bars */
.navbar-toggle .icon-bar { background-color: var(--rm-white) !important; }

/* Ensure navbar stays above content and avoid overlay */
body.index-only-side-nav { padding-top: 70px; }
.navbar.navbar-fixed-top { z-index: 10000; }

/* Cards and pricing specific */
.pricing_table_column.blue_price, .pricing_table_column.blue_price .price, .pricing_table_column.blue_price .packages li i{
  background-color: var(--rm-blue) !important;
  color: var(--rm-white) !important;
}

/* Dividers and borders */
.default_divider, hr, .default_divider_blue, .default_divider_white{
  border-color: var(--rm-blue) !important;
}

/* Inputs and form */
.form_inputs, .form_textarea {
  border: 1px solid rgba(112,111,111,0.2) !important;
  color: var(--rm-gray) !important;
  background: #fff !important;
}

/* Ensure important visibility for overrides */
* { box-sizing: border-box; }

/* If specific background-white class exists */
.white_color { color: var(--rm-white) !important; }

/* Helpful utility overrides */
.text-center a, .team_members_icons a { color: var(--rm-blue) !important; }

/* Slider buttons - ensure white text is always visible */
.page_content_main_slider .button,
.page_content_main_slider .button_default_style,
.swiper-slide .button,
.swiper-slide .btn1 {
  color: #ffffff !important;
  background-color: var(--rm-blue) !important;
  border-color: var(--rm-blue) !important;
}

.page_content_main_slider .button:hover,
.page_content_main_slider .button_default_style:hover,
.swiper-slide .button:hover {
  color: #ffffff !important;
  opacity: 0.9;
}

/* Fallback for images or icons that use background colors via classes */
.bg_pink, .bg_before_pink, .bg_before_navy { background-color: var(--rm-blue) !important; }

/* Keep logos and images untouched but ensure contrast */
.logo, .navbar-brand img { filter: none !important; }

/* Scroll-up logo removed */

/* Notes: This file forces the new palette across many common classes used in the template.
   If you want different mapping (e.g. gray for headings and blue for buttons) or fewer !important rules,
   tell me and I can refine these overrides to be more selective.
*/

/* Section-specific: ensure About Us main heading matches other h3 (gray) */
#skill_section h3.default_section_heading { color: var(--rm-gray) !important; }

/* Slider backgrounds (Option 1: static per slide, no parallax) */
.page_content_main_slider .swiper-slide{
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.page_content_main_slider .swiper-wrapper .swiper-slide:nth-child(1){
  background-image: url('../images/1.jpg') !important;
}
.page_content_main_slider .swiper-wrapper .swiper-slide:nth-child(2){
  background-image: url('../images/2.jpg') !important;
}
.page_content_main_slider .swiper-wrapper .swiper-slide:nth-child(3){
  background-image: url('../images/3.jpg') !important;
}

/* Remove/replace any orange accents to the blue palette */
.orange_color, .bg_orange, .default_divider_orange, .h3_orange,
.button.bg_orange, .bg_before_orange,
[class*="orange"] {
  color: var(--rm-white) !important;
  background-color: var(--rm-blue) !important;
  border-color: var(--rm-blue) !important;
}

/* Also neutralize any yellow accents to align with the chosen palette */
.yellow_color, .bg_yellow, .default_divider_yellow, .h3_yellow,
.button.bg_yellow, .bg_before_yellow,
[class*="yellow"] {
  color: var(--rm-white) !important;
  background-color: var(--rm-blue) !important;
  border-color: var(--rm-blue) !important;
}

/* Force hamburger/menu bars to blue (avoid any orange) */
#menu_bars span,
#menu_bars .t1,
#menu_bars .t2,
#menu_bars .t3,
.menu_bars span,
.menu_bars .t1,
.menu_bars .t2,
.menu_bars .t3{
  background-color: var(--rm-blue) !important;
}
#menu_bars span::before,
#menu_bars span::after,
.menu_bars span::before,
.menu_bars span::after{
  background-color: var(--rm-blue) !important;
}