/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.3
*/

/* Hide Action bar (dark bar above logo) and Sliding-top so logo starts from top */
#Action_bar,
#Sliding-top
{
	display: none !important;
}
.header_placeholder
{
	height: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Navbar: logo + menu on top left, visible bar */
#Top_bar
{
	margin: 0 0 10px 0;
	background-color: rgba(255, 255, 255, 0.98) !important;
	background-image: url(/wp-content/uploads/2024/07/line-bottom.png) !important;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: auto;
	padding: 0 0 1px 0;
}
#Top_bar .top_bar_left
{
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap;
}
#Top_bar .menu_wrapper
{
	float: left !important;
	margin-left: 30px !important;
}
#Top_bar .menu > li > a,
#Top_bar .top_bar_right a,
#Top_bar .top_bar_right .action_button,
body.header-transparent #Top_bar .menu > li > a,
body.header-transparent #Top_bar .top_bar_right a
{
	color: #192C6F !important;
}
#Top_bar .top_bar_right .action_button
{
	background-color: #F37328 !important;
	color: #fff !important;
}

/* Hero section: push down so content is visible below navbar */
.mfn-main-slider,
.mfn-rev-slider,
#Header_wrapper .mfn-main-slider,
#Header_wrapper .mfn-rev-slider
{
	padding-top: 120px !important;
}

/* Anchor scroll: headings/sections don't hide behind navbar when clicking menu links */
html
{
	scroll-padding-top: 180px !important;
}
section[id],
.vc_row,
.vc_row[data-vc-full-width],
.vc_section,
.section_wrapper,
h1, h2, h3, h4,
.the_content_wrapper h1,
.the_content_wrapper h2,
.the_content_wrapper h3,
.vc_column_text h1,
.vc_column_text h2,
.vc_column_text h3,
[id]
{
	scroll-margin-top: 180px !important;
}

.tc
{
	text-align:center;
}

.nmb
{
	margin-bottom:0 !important;
}

.osm-orange, .osm-orange a
{
	color:#F37328;
}

.osm-blue, .osm-blue a
{
	color:#0b71ba;
}

.widget_nav_menu ul {
    list-style-type: none;
    padding:0;
    background: transparent;
	font-weight:700;
}

.footer-logobox
{
	display:flex;
	flex-direction:column;
	text-align:center;
	align-items: center;
}

#footer-logo
{
	max-width: 180px;
    margin-bottom: 35px;
}

#footer-form-heading
{
	color:#192C6F;
	font-weight:700;
	font-size:15px
}

#footer-form-heading:before
{
	content:"";
	background-image:url(/wp-content/uploads/2024/07/envelope.png);
	width:26px;
	height:22px;
	position:relative;
	display:inline-block;
	margin-right: 10px;
    margin-bottom: -5px;
}

 #footer-newsletter input[type="email"]
{
	border-top:none;
	border-left:none;
	border-right:none;
	box-shadow:none;
}

 #footer-newsletter .wpcf7-submit
{
	background-color:#F37328;
	padding: 16px 60px 16px 60px;
}

#footer-social-icons
{
}
#footer-social-icons img
{
}

#footer-linkedin-icon
{
	margin-left:20px;
}

/* Professional list styling - clean, aligned, capital first letter */
.the_content_wrapper ul,
.vc_column_text ul,
.column_column ul,
.content_wrapper ul
{
	list-style: none !important;
	padding-left: 0 !important;
	margin: 1em 0 !important;
}
.the_content_wrapper ul li,
.vc_column_text ul li,
.column_column ul li,
.content_wrapper ul li
{
	position: relative;
	padding-left: 1.4em !important;
	margin-bottom: 0.5em !important;
	line-height: 1.6 !important;
	text-align: left !important;
}
.the_content_wrapper ul li::first-letter,
.vc_column_text ul li::first-letter,
.column_column ul li::first-letter,
.content_wrapper ul li::first-letter
{
	text-transform: uppercase !important;
}
.the_content_wrapper ul li:before,
.vc_column_text ul li:before,
.column_column ul li:before,
.content_wrapper ul li:before
{
	content: "•";
	position: absolute;
	left: 0;
	color: #192C6F;
	font-size: 0.85em;
}

/* Section spacing - compact gaps between sections */
.the_content .vc_row,
.the_content_wrapper .vc_row
{
	padding-top: 25px !important;
	padding-bottom: 25px !important;
	margin-bottom: 15px !important;
}
.the_content .vc_row:last-child,
.the_content_wrapper .vc_row:last-child
{
	margin-bottom: 0 !important;
}
.section_wrapper .section
{
	padding-top: 25px !important;
	padding-bottom: 25px !important;
}

/* About page: prevent image overlap - extra top padding for header-box */
#header-box,
.el_id-header-box
{
	padding-top: 80px !important;
	margin-top: 0 !important;
}
/* About image row - ensure no overlap, push 2007-ongoing text below so visible */
#ofm-osm-daterow
{
	padding-top: 40px !important;
	padding-bottom: 40px !important;
	margin-top: 20px !important;
}
#ofm-osm-daterow .vc_single_image-wrapper,
#ofm-osm-daterow img
{
	display: block !important;
}
/* Hide Contact button in hero slider - keep only Explore */
.mfn-rev-slider a[href="/contact/"],
.rev_slider a[href="/contact/"],
.tp-revslider-mainwrapper a[href="/contact/"]
{
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
	position: absolute !important;
	left: -9999px !important;
}
/* Explore button - grow in height so text stays inside, link to /technologies/ */
.mfn-rev-slider a[href="/technologies/"],
.mfn-rev-slider a[href*="technologies"],
.rev_slider a[href="/technologies/"],
.rev_slider a[href*="technologies"],
.tp-revslider-mainwrapper a[href="/technologies/"],
.tp-revslider-mainwrapper a[href*="technologies"]
{
	min-width: 180px !important;
	width: auto !important;
	min-height: 50px !important;
	height: auto !important;
	max-height: none !important;
	padding: 8px 35px 12px !important;
	white-space: normal !important;
	text-align: center !important;
	box-sizing: border-box !important;
	overflow: visible !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}

/* Fix heading letter overlap (e.g. Applications 'l' clipped) - line-height and padding */
.the_content_wrapper h1,
.the_content_wrapper h2,
.vc_column_text h1,
.vc_column_text h2,
#header-row h1,
#header-box h1
{
	line-height: 1.3 !important;
	padding-top: 0.15em !important;
	overflow: visible !important;
}
/* Bullet list text: black on normal sections (theme default is gray #737E86) */
.the_content_wrapper ul,
.the_content_wrapper ol,
.vc_column_text ul,
.vc_column_text ol,
.column_column ul,
.column_column ol,
.content_wrapper ul,
.content_wrapper ol
{
	color: #000000 !important;
}
.the_content_wrapper ul li,
.the_content_wrapper ol li,
.vc_column_text ul li,
.vc_column_text ol li,
.column_column ul li,
.column_column ol li,
.content_wrapper ul li,
.content_wrapper ol li
{
	color: #000000 !important;
}

/* Keep white list text only in hero/header-box sections */
#header-box ul,
#header-box ol,
#header-box ul li,
#header-box ol li
{
	color: #ffffff !important;
}

/* SWIM project logo: white pad so black logo background matches other project tiles */

/* About page: prevent image overlap - extra top padding for header-box */
#header-box,
.el_id-header-box
{
	padding-top: 80px !important;
	margin-top: 0 !important;
}
/* About image row - ensure no overlap, push 2007-ongoing text below so visible */
#ofm-osm-daterow
{
	padding-top: 40px !important;
	padding-bottom: 40px !important;
	margin-top: 20px !important;
}
#ofm-osm-daterow .vc_single_image-wrapper,
#ofm-osm-daterow img
{
	display: block !important;
}
/* Hide Contact button in hero slider - keep only Explore */
.mfn-rev-slider a[href="/contact/"],
.rev_slider a[href="/contact/"],
.tp-revslider-mainwrapper a[href="/contact/"]
{
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
	position: absolute !important;
	left: -9999px !important;
}
/* Explore button - grow in height so text stays inside, link to /technologies/ */
.mfn-rev-slider a[href="/technologies/"],
.mfn-rev-slider a[href*="technologies"],
.rev_slider a[href="/technologies/"],
.rev_slider a[href*="technologies"],
.tp-revslider-mainwrapper a[href="/technologies/"],
.tp-revslider-mainwrapper a[href*="technologies"]
{
	min-width: 180px !important;
	width: auto !important;
	min-height: 50px !important;
	height: auto !important;
	max-height: none !important;
	padding: 8px 35px 12px !important;
	white-space: normal !important;
	text-align: center !important;
	box-sizing: border-box !important;
	overflow: visible !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}

/* Fix heading letter overlap (e.g. Applications 'l' clipped) - line-height and padding */
.the_content_wrapper h1,
.the_content_wrapper h2,
.vc_column_text h1,
.vc_column_text h2,
#header-row h1,
#header-box h1
{
	line-height: 1.3 !important;
	padding-top: 0.15em !important;
	overflow: visible !important;
}

/* Bullet list text: black on normal sections (theme default is gray #737E86) */
.the_content_wrapper ul,
.the_content_wrapper ol,
.vc_column_text ul,
.vc_column_text ol,
.column_column ul,
.column_column ol,
.content_wrapper ul,
.content_wrapper ol
{
	color: #000000 !important;
}
.the_content_wrapper ul li,
.the_content_wrapper ol li,
.vc_column_text ul li,
.vc_column_text ol li,
.column_column ul li,
.column_column ol li,
.content_wrapper ul li,
.content_wrapper ol li
{
	color: #000000 !important;
}

/* Keep white list text only in hero/header-box sections */
#header-box ul,
#header-box ol,
#header-box ul li,
#header-box ol li
{
	color: #ffffff !important;
}

/* SWIM logo: white tile (matches other project logos) */
.swim-project .image-box
{
	background: #ffffff !important;
	padding: 16px 20px !important;
	border-radius: 4px;
	box-sizing: border-box;
	min-height: 164px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #e8e8e8;
}
.swim-project .image-box img
{
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 140px;
	object-fit: contain;
	background: #ffffff;
}