/**
* Theme Name: Hotera Child
* Description: This is a child theme of Hotera, generated by Merlin WP.
* Author: <a href="http://themeforest.net/user/theme-kalia">Theme Kalia</a>
* Template: hotera
* Version: 1.5
*/

/*Global COlors*/

/* ===============================
   HOTERA GLOBAL COLOR VARIABLES
================================= */
/* Import Roboto Font */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
/* ===================================
   GLOBAL ROBOTO FONT
=================================== */

/* Apply to entire website */
body {
  font-family: 'Roboto', sans-serif !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', sans-serif !important;
}

/* Buttons */
button,
input,
textarea,
select {
  font-family: 'Roboto', sans-serif !important;
}

/* Elementor widgets */
.elementor-widget,
.elementor-heading-title,
.elementor-button-text {
  font-family: 'Roboto', sans-serif !important;
}

/* Footer */
.main-footer {
  font-family: 'Roboto', sans-serif !important;
}
/*colors*/
:root {
  --primary: #0B1F33;
  --secondary: #1E8E5A;
  --accent: #F4A100;
  --light: #F2F4F6;
  --dark: #2E2E2E;
  --white: #FFFFFF;
}
/* ==============================
   FIX DARK BACKGROUND ISSUE
   Facts Section Two - Alternate
============================== */
/* ===================================
   INDUSTRIES SECTION - CLEAN DARK FIX
=================================== */

.facts-section-two.alternate {
  background-color: #0B1F33 !important; /* Primary Dark */
  padding: 100px 0;
}

/* Section heading */
.facts-section-two.alternate .sec-title h2 {
  color: #FFFFFF !important;
}

/* Description */
.facts-section-two.alternate .sec-title .lower-text {
  color: #F2F4F6 !important;
}

/* Fact numbers */
.facts-section-two.alternate .count-text {
  color: #F4A100 !important; /* Accent */
  font-weight: 700;
}

/* Fact titles */
.facts-section-two.alternate .fact-inner h4 {
  color: #FFFFFF !important;
}

/* Circles - lighter for dark bg */
.facts-section-two.alternate .c-1,
.facts-section-two.alternate .c-2 {
  background: rgba(255,255,255,0.05) !important;
}



/* Links */
/* a {
  color: var(--secondary) !important;
}

a:hover {
  color: var(--accent) !important;
} */

/* Buttons */
/* button,
input[type="submit"],
.wp-block-button__link,
.elementor-button,
.btn,
.button {
  background-color: var(--primary) !important;
  color: var(--white) !important;
  border-color: var(--primary) !important;
}

button:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover,
.elementor-button:hover,
.btn:hover,
.button:hover {
  background-color: var(--secondary) !important;
  border-color: var(--secondary) !important;
}

 */
/* Header */
.site-header,
header {
  background-color: var(--primary) !important;
  color: var(--white) !important;
}

/* Footer */
.site-footer,
footer {
  background-color: var(--dark) !important;
  color: var(--white) !important;
}

/* Accent text */
.highlight,
.accent-text {
  color: var(--accent) !important;
}
/* Hide Other Buttons*/
.other-links{
	display:none !important;
}
.price {
	display:none !important;
}
.pricing {
	display:none !important;
}
.link-box{
	display:none !important;
}
.rating{
	display:none !important;
}

/* ==============================
   HOTERA FOOTER BRAND FIX
============================== */

/* Main Footer Background */
.main-footer {
  background-color: #0B1F33 !important; /* Primary */
  color: #F2F4F6 !important; /* Light text */
}

/* Remove unwanted dark overlay if any */
.main-footer .top-pattern-layer-dark {
  opacity: 0.08 !important;
}

/* Footer Headings */
.main-footer .widget-title h4 {
  color: #FFFFFF !important; /* White headings */
  font-weight: 600;
}

/* Footer normal text */
.main-footer .text,
.main-footer .info li,
.main-footer .copyright {
  color: #F2F4F6 !important;
}

/* Footer links - default */
.main-footer a {
  color: #F2F4F6 !important;  /* Same as text */
  transition: 0.3s ease;
}

/* Footer links - hover ONLY secondary */
.main-footer a:hover {
  color: #1E8E5A !important; /* Secondary */
}

/* Social icons */
.main-footer .social-links a {
  color: #F2F4F6 !important;
}

.main-footer .social-links a:hover {
  color: #1E8E5A !important;
}

/* Footer Bottom */
.main-footer .footer-bottom {
  background-color: #081826 !important; /* Slightly darker primary */
}

.main-footer .bottom-links a {
  color: #F2F4F6 !important;
}

.main-footer .bottom-links a:hover {
  color: #1E8E5A !important;
}
/* ==============================
   FOOTER PERFECT COLUMN ALIGNMENT
============================== */

/* Make title area equal height */
.main-footer .widget-title {
  min-height: 65px;   /* Adjust if needed */
}

/* Remove extra spacing from heading */
.main-footer .widget-title h4 {
  margin: 0 0 15px 0 !important;
  line-height: 1.3;
}

/* Ensure consistent spacing below title */
.main-footer .footer-widget {
  display: flex;
  flex-direction: column;
}
.main-footer .footer-bottom {
  background-color: #0B1F33 !important;
}
/* Footer container */
.safeforworks-footer {
  width: 100%;
  text-align: center;
  padding: 15px 10px;
  background: #0B1F33; /* primary color */
  color: #ffffff;
  font-size: 16px;
  box-sizing: border-box;
  overflow: hidden; /* prevent horizontal scrollbar */
}

/* Footer paragraph */
.safeforworks-footer p {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap; /* allow wrapping if needed */
  gap: 6px;
  max-width: 100%; /* prevent overflow */
  box-sizing: border-box;
}

/* Year + text: keep together */
.safeforworks-footer .year-text {
  white-space: nowrap;
  display: inline-block;
  flex-shrink: 0; /* never shrink */
}

/* Developer info (pipe + logo) */
.safeforworks-footer .dev-info {
  display: flex;
  flex-wrap: wrap; /* allow wrapping if needed */
  align-items: center;
  gap: 4px;
}

/* Footer logo */
.safeforworks-footer img {
  height: 32px;
  width: auto;
  max-width: 100%; /* responsive */
  vertical-align: middle;
  transition: 0.3s ease;
}

/* Large screens: keep single line */
@media (min-width: 992px) {
  .safeforworks-footer p {
    flex-wrap: nowrap;
    display: inline-flex;
    gap: 8px;
  }
}

/* Tablets (577px - 991px) */
@media (min-width: 577px) and (max-width: 991px) {
  .safeforworks-footer p {
    gap: 6px;
  }
  
  .safeforworks-footer img {
    height: 24px;
  }
}

/* Mobile screens (<=576px) */
@media (max-width: 576px) {
  .safeforworks-footer {
    font-size: 12px;
  }

  .safeforworks-footer p {
    gap: 4px;
  }

  .safeforworks-footer img {
    height: 16px;
  }
}
.bottom-links{
	display:none !important;
}

/*Hero Banners Pattern*/
.banner-bottom-pattern{
	display:none !important;
}

/* =============================================
   MENU ACTIVE & HOVER COLORS (YELLOW / GREEN)
   ============================================= */

/* Main menu items - default color: secondary (green) */
.main-menu .navigation > li > a,
.navbar-nav > li > a,
.header-style1 .main-menu .navigation > li > a {
  color: #1E8E5A !important; /* secondary green */
  transition: color 0.3s ease;
}

/* Hover state: yellow (#F4A100) */
.main-menu .navigation > li > a:hover,
.navbar-nav > li > a:hover,
.header-style1 .main-menu .navigation > li > a:hover {
  color: #F4A100 !important; /* accent yellow */
}

/* Active menu item (current section via JS) - yellow */
.main-menu .navigation > li.active > a,
.navbar-nav > li.active > a,
.header-style1 .main-menu .navigation > li.active > a {
  color: #F4A100 !important; /* accent yellow */
}

/* Optional: if there's a special active class */
.main-menu .navigation > li.current-menu-item > a,
.main-menu .navigation > li.current_page_item > a {
  color: #F4A100 !important;
}

/* Ensure dropdown items also follow same hover */
.main-menu .navigation > li > ul > li > a:hover {
  color: #F4A100 !important;
}

/* =============================================
   MENU COLORS - ACTIVE, HOVER, SCROLL
   ============================================= */

/* Default menu items - Green */
.main-menu .navigation > li > a,
.main-menu .navigation > li > a:link,
.main-menu .navigation > li > a:visited {
  color: #1E8E5A !important;
  transition: color 0.3s ease;
}

/* Hover state - Yellow */
.main-menu .navigation > li > a:hover,
.main-menu .navigation > li > a:focus {
  color: #F4A100 !important;
}

/* Active menu item (via JS) - Yellow */
.main-menu .navigation > li.active-section > a {
  color: #F4A100 !important;
}

/* Remove any existing active classes that might be causing all menus to be active */
.main-menu .navigation > li.current-menu-item > a,
.main-menu .navigation > li.current_page_item > a,
.main-menu .navigation > li.current-menu-ancestor > a {
  color: #1E8E5A !important; /* Reset to green */
}

/* Only our JS-applied class should show yellow */
.main-menu .navigation > li.active-section > a {
  color: #F4A100 !important;
}

/* Ensure dropdown items also follow same hover */
.main-menu .navigation > li > ul > li > a {
  color: #1E8E5A !important;
}

.main-menu .navigation > li > ul > li > a:hover {
  color: #F4A100 !important;
}
.social-links{
	display: none !important;
}

/*Footer*/
/* Footer Columns Width Adjustment */
.main-footer .widgets-section .auto-container .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.main-footer .widgets-section .auto-container .row .footer-column {
    padding: 0 15px;
    flex: 1 1 auto;
    min-width: 250px;
}

/* Equal width columns on larger screens */
@media (min-width: 1200px) {
    .main-footer .widgets-section .auto-container .row .footer-column {
        flex: 1 1 0;
        width: auto;
    }
}

/* Two columns on medium screens */
@media (min-width: 768px) and (max-width: 1199px) {
    .main-footer .widgets-section .auto-container .row .footer-column {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

/* Single column on mobile */
@media (max-width: 767px) {
    .main-footer .widgets-section .auto-container .row .footer-column {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* Footer Bottom Centering */
.main-footer .footer-bottom .inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.main-footer .footer-bottom .copyright {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

.main-footer .footer-bottom .bottom-links {
    text-align: center;
    width: 100%;
}

/* Copyright styling */
.safeforworks-footer p {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.safeforworks-footer .dev-info {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.safeforworks-footer .dev-info img {
    max-height: 25px;
    width: auto;
    vertical-align: middle;
}

/* Ensure links are properly aligned */
.main-footer .footer-bottom .bottom-links a {
    display: inline-block;
    margin: 0 5px;
}
.footer-widget ul li a { 
	text-transform:lowercase !important;
}
/*Remove Patterns*/
/* Hide all circle elements */
.circles-two,
.c-1,
.c-2 {
    display: none !important;
}

/* Hide all pattern elements */
.dotted-pattern,
.dotted-pattern-5,
.tri-pattern,
.tri-pattern-8 {
    display: none !important;
}

/* If you want to be extra thorough, also hide any other potential decorative elements */
[class*="pattern"],
[class*="circle"],
[class*="dotted"],
[class*="tri-"] {
    display: none !important;
}
.seo {
	display:none;
}
.main-menu .navigation li a {
    font-weight: 800 !important; /* bold */
}
.banner-title {
  font-size: 48px;   /* bigger text */
  font-weight: 900;  /* extra bold */
  line-height: 1.2;
}
.footer-widget .widget-title h3 {
    font-size: 25px; 
	font-weight: 800;
}
.footer-widget .email a::before {
    content: "\f0e0"; /* Font Awesome envelope icon */
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900;
    margin-right: 8px;
}

/* REMOVE WORDPRESS EXTRA HEAD TAGS */

remove_action('wp_head', 'rsd_link');
remove_action('wp_head', 'wlwmanifest_link');
remove_action('wp_head', 'wp_generator');
remove_action('wp_head', 'wp_shortlink_wp_head');
remove_action('wp_head', 'rest_output_link_wp_head');
remove_action('wp_head', 'wp_oembed_add_discovery_links');

/* REMOVE EMOJI SCRIPTS */

remove_action('wp_head', 'print_emoji_detection_script', 7);
remove_action('wp_print_styles', 'print_emoji_styles');

/* DISABLE EMBEDS */

function disable_wp_embeds() {
wp_dequeue_script('wp-embed');
}
add_action('wp_footer', 'disable_wp_embeds');

/*swap fonts*/
@font-face {
font-family: "Flaticon";
src: url("Flaticon.ttf");
}