/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */
/* ===== CTO header (free HFE recreation of old Elementor Pro header 2583) ===== */
/* Menu items: white text + Prompt font on the black dropdown. HFE's own
   color/typography controls don't emit CSS for the "expandible" layout, so
   force them here scoped to the header template (post 5736). */
.elementor-5736 .menu-item a.hfe-menu-item,
.elementor-5736 nav.hfe-dropdown-expandible li a.hfe-menu-item,
.elementor-5736 nav.hfe-dropdown-expandible li a {
	color: #ffffff !important;
	font-family: "Prompt", sans-serif !important;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .3px;
}
.elementor-5736 .menu-item a.hfe-menu-item:hover,
.elementor-5736 nav.hfe-dropdown-expandible li a:hover {
	color: #EF1C1C !important;
}
/* Keep the header and its expandible dropdown panel above the page hero. */
#masthead { position: relative; z-index: 9999; }
.elementor-5736 nav.hfe-dropdown-expandible,
.elementor-5736 .hfe-dropdown-expandible { z-index: 9999 !important; }
/* Force the header above all page content so the dropdown overlays the hero. */
#masthead { position: relative !important; z-index: 999999 !important; }
.elementor-5736 nav.hfe-dropdown-expandible { z-index: 999999 !important; }
/* The header section clips its overflow, which cut off the dropdown panel
   (only the first item showed). Let the expandible dropdown extend below. */
.elementor-5736 .elementor-top-section,
.elementor-5736 .elementor-section,
.elementor-5736 .elementor-widget-wrap { overflow: visible !important; }

/* ===== CTO home news carousel (Royal wpr-grid slider, widget f281012) ===== */
/* Push the prev/next arrows into side gutters so they sit OUTSIDE the cards
   instead of overlapping the photos. Inset the slider with padding; anchor the
   absolutely-positioned arrows to the container edge (in the padding gutter). */
.elementor-element-f281012 > .elementor-widget-container { position: relative; padding-left: 80px; padding-right: 80px; }
.elementor-element-f281012 .wpr-grid-slider-prev-arrow { left: 4px; }
.elementor-element-f281012 .wpr-grid-slider-next-arrow { right: 4px; }
@media (max-width: 767px) {
	.elementor-element-f281012 > .elementor-widget-container { padding-left: 30px; padding-right: 30px; }
	.elementor-element-f281012 .wpr-grid-slider-prev-arrow { left: 0; }
	.elementor-element-f281012 .wpr-grid-slider-next-arrow { right: 0; }
}

/* ===== CTO header category bar (horizontal menu below the black bar, section ctocatbar) ===== */
/* Center the row and keep it on the black bar. On tablet/mobile hide it and let
   the main hamburger (top row) handle navigation, so there is no second toggle. */
.elementor-element-ctocatbar .hfe-nav-menu { justify-content: center; }
.elementor-element-ctocatbar { border-top: 1px solid rgba(255,255,255,.08); }
@media (max-width: 1024px) {
	.elementor-element-ctocatbar { display: none !important; }
}