/* ================================
   FORCE HEADER TITLE TO BLACK
   (ThemeREX / TRX Addons)
   Paste at TOP of Additional CSS
================================ */

/* 1) Override ThemeREX scheme variables inside the title area */
.page_title,
.top_panel_title,
.post_header_wrap,
.sc_layouts_title {
  --theme-color-text: #000000 !important;
  --theme-color-text_dark: #000000 !important;
  --theme-color-text_link: #000000 !important;
  --theme-color-text_hover: #E0C59D !important;

  --theme-color-alter_text: #000000 !important;
  --theme-color-alter_link: #000000 !important;
  --theme-color-alter_hover: #E0C59D !important;
}

/* 2) Force any headings/links inside that header block to render black */
.page_title h1,
.page_title h2,
.top_panel_title h1,
.top_panel_title h2,
.post_header_wrap h1,
.post_header_wrap h2,
.sc_layouts_title_caption,
.page_title_caption,
.post_title,
.post_title a {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  text-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
}

/* 3) If the theme is applying a "dark scheme" to the header area */
.scheme_dark .page_title h1,
.scheme_dark .top_panel_title h1,
.scheme_dark .post_header_wrap h1,
.scheme_dark .post_title,
.scheme_dark .post_title a {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

/* Global site background to white */
html, body {
  background: #ffffff !important;
}

/* Common theme wrappers (ThemeREX/TRX-style + generic WP wrappers) */
.site, #page, .page_wrap, .body_wrap, .page_content_wrap, .content_wrap, .content, .content_wrap_fullscreen {
  background: #ffffff !important;
}

.sc_services_qw-nodes .sc_services_item .sc_services_item_marker {
	font-size: 1.68em;
}

.sc_socials.sc_socials_default .socials_wrap .social_item .social_icon {
	border-color: var(--theme-color-bd_color);
}
.iCJCmn{
	display:none;
}
.menu_main_nav_area>ul, .sc_layouts_menu_nav, .sc_layouts_menu_dir_vertical .sc_layouts_menu_nav{
	font-family: 'open sans';
	  text-transform: uppercase;
}
.page_content_wrap.page_content_wrap_custom_header_margin{
	padding-top:19em;
}
.header_position_over:not(.trx_addons_page_scrolled) .top_panel .sc_layouts_row[class*="scheme_"], .header_position_over .top_panel .sc_layouts_row[class*="scheme_"]:not(.sc_layouts_row_fixed_on){
	background-color: #ffffff;
}
/* Make all dropdown menu text bright white */
.palatio-dropdown-menu a,
.palatio-dropdown-menu a:visited,
.palatio-dropdown-menu a:hover,
.palatio-dropdown-menu a:focus,
.palatio-dropdown-menu a:active {
  color: #ffffff !important;
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.8);
}
/* Make all dropdown menu text bright white, overriding other styles */
.palatio-dropdown-menu li,
.palatio-dropdown-menu li a,
.palatio-dropdown-menu li a * {
  color: #ffffff !important;
  text-shadow: none !important;
}
.hs-form input, .hs-form textarea, .hs-form select {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
}


/* THEMEREX / TRX: Dropdown menu styling override */

/* Dropdown panel background */
.sc_layouts_menu_nav ul ul,
.menu_main_nav_area ul ul,
.sc_layouts_menu_nav .sub-menu,
.menu_main_nav_area .sub-menu {
  background: #ffffff !important;
  padding: 8px 0 !important;
}

/* Each dropdown link: black text + border E0C59D */
.sc_layouts_menu_nav ul ul > li > a,
.menu_main_nav_area ul ul > li > a,
.sc_layouts_menu_nav .sub-menu > li > a,
.menu_main_nav_area .sub-menu > li > a {
  color: #000000 !important;
  border: 1px solid #E0C59D !important;
  margin: 6px 10px !important;
  padding: 10px 12px !important;
  background: #ffffff !important;
  display: block !important;
}

/* Hover / focus: background E0C59D + white text */
.sc_layouts_menu_nav ul ul > li > a:hover,
.sc_layouts_menu_nav ul ul > li > a:focus,
.menu_main_nav_area ul ul > li > a:hover,
.menu_main_nav_area ul ul > li > a:focus,
.sc_layouts_menu_nav .sub-menu > li > a:hover,
.sc_layouts_menu_nav .sub-menu > li > a:focus,
.menu_main_nav_area .sub-menu > li > a:hover,
.menu_main_nav_area .sub-menu > li > a:focus {
  background: #E0C59D !important;
  color: #000000 !important;
} .custom-embed-container {
    max-width: 800px; /* Adjust this width as needed */
    margin: 0 auto;  /* Centers the embed */
}


/* If theme adds extra hover background on the LI, neutralize it */
.sc_layouts_menu_nav ul ul > li:hover,
.menu_main_nav_area ul ul > li:hover,
.sc_layouts_menu_nav .sub-menu > li:hover,
.menu_main_nav_area .sub-menu > li:hover {
  background: transparent !important;
}

