/*
 * Symposium Technologies - 2026 facelift.
 * A modern look layered over the 2012 table-based theme; templates and content are untouched.
 * Loaded after style.css and dropdown.css (only for visitors with the ?look=new preview until it is switched on for everyone).
 * Many rules need !important because the theme sets its backgrounds as inline styles and image files.
 */

:root {
	--green-950: #0f2618;
	--green-900: #16351f;
	--green-700: #24572f;
	--green-500: #3d8a4f;
	--green-100: #e8f2ea;
	--accent: #ec6a1e;
	--accent-dark: #c9540f;
	--ink: #1d2a24;
	--muted: #5c6b63;
	--line: #e2e8e4;
	--bg: #f3f6f4;
	--card: #ffffff;
	--radius: 12px;
	--shadow: 0 1px 2px rgba(16, 38, 24, .06), 0 6px 20px rgba(16, 38, 24, .07);
	--font: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* ---------- base ---------- */
body {
	background: var(--bg) !important;
	color: var(--ink);
	font: 16px/1.6 var(--font);
	-webkit-font-smoothing: antialiased;
}
p, .newpages, .newpages li { font-family: var(--font); font-size: 16px; line-height: 1.7; color: var(--ink); }
h1, h2, h3, h4 { font-family: var(--font) !important; letter-spacing: -.01em; }
h1 { font-size: 30px !important; line-height: 1.25 !important; font-weight: 700; color: var(--green-900) !important; margin-bottom: 16px !important; }
h2 { font-size: 22px !important; line-height: 1.3 !important; font-weight: 650; color: var(--green-900) !important; }
h3 { font-size: 18px !important; line-height: 1.35 !important; font-weight: 650; color: var(--green-900) !important; }
a { color: var(--accent); }
a:hover { color: var(--accent-dark); text-decoration: underline; text-underline-offset: 3px; }
img { border-radius: 0; }

/* ---------- page frame: one centred white card instead of the image-framed 1032px table ---------- */
table[width="1032"] { width: 1080px !important; margin-top: 24px; }
table[width="1024"] { width: 100% !important; }
td[style*="body_vertical"] {
	background: var(--card) !important;
	border-radius: var(--radius) var(--radius) 0 0;
	box-shadow: var(--shadow);
	overflow: hidden;
}
td[style*="body_vertical"] > table > tbody > tr > td > table > tbody > tr > td[style*="padding-left:11px"] { padding: 0 !important; }

/* ---------- header: solid deep green, text logo ---------- */
td[style*="header_mid"] {
	background: var(--green-900) !important;
	height: 84px !important;
}
td[style*="header_mid"] a[rel="home"] img { display: none; }
td[style*="header_mid"] a[rel="home"] {
	display: inline-block;
	padding: 16px 0 0 22px;
	text-decoration: none;
	line-height: 1;
}
td[style*="header_mid"] a[rel="home"]::before {
	content: "symposium";
	display: block;
	font: 700 34px/1 var(--font);
	letter-spacing: -.02em;
	color: #cfe6b5;
}
td[style*="header_mid"] a[rel="home"]::after {
	content: "technologies";
	display: block;
	margin: 3px 0 0 2px;
	font: 600 13px/1 var(--font);
	letter-spacing: .32em;
	text-transform: uppercase;
	color: #ffffff;
	opacity: .85;
}
img[src*="topglob"] { display: none; }
td:has(> img[src*="topglob"])::after {
	content: "Making technology work for you";
	font: 500 15px/84px var(--font);
	color: #cfe6b5;
	letter-spacing: .02em;
}

/* ---------- navigation bar ---------- */
td[style*="background:#446842"] {
	background: var(--green-900) !important;
	padding: 0 16px 14px !important;
}
img[src*="navi_left"], img[src*="navi_right"] { display: none; }
td[style*="navi_mid"] {
	background: rgba(255, 255, 255, .06) !important;
	border-radius: 10px;
	height: 48px;
}
.dropdown ul { font-family: var(--font) !important; }
.dropdown ul li { height: auto !important; margin-right: 2px !important; }
.dropdown ul li.hover, .dropdown ul li:hover { background: none !important; }
.dropdown ul li.menu-item-235, .dropdown ul li.menu-item-294, .dropdown ul li.menu-item-322 { background-image: none !important; }
.dropdown > ul > li > a,
.dropdown ul.menu > li > a {
	padding: 13px 16px !important;
	border-radius: 8px;
	font: 600 15px/22px var(--font) !important;
	color: rgba(255, 255, 255, .88) !important;
	transition: background-color .15s, color .15s;
}
.dropdown ul.menu > li:hover > a,
.dropdown ul.menu > li.current-menu-item > a,
.dropdown ul.menu > li.current-menu-ancestor > a {
	background: rgba(255, 255, 255, .12);
	color: #fff !important;
	text-decoration: none;
}
.dropdown ul.menu > li.menu-item-has-children > a::after { content: " \25BE"; font-size: 12px; opacity: .7; }

/* dropdown panels */
.dropdown ul ul {
	width: 240px !important;
	padding: 8px !important;
	margin-top: 6px;
	background: #fff !important;
	border: 1px solid var(--line);
	border-radius: 10px;
	box-shadow: 0 12px 32px rgba(16, 38, 24, .16);
}
.dropdown ul ul li { font-size: 14px !important; }
.dropdown ul ul a,
.dropdown ul ul a:link,
.dropdown ul ul a:visited {
	padding: 8px 12px !important;
	border: 0 !important;
	border-radius: 6px;
	font: 500 14px/1.4 var(--font) !important;
	color: var(--ink) !important;
}
.dropdown ul ul a:hover {
	padding: 8px 12px !important;
	border: 0 !important;
	background: var(--green-100) !important;
	color: var(--green-900) !important;
	font-weight: 500 !important;
}

/* group headings inside the Systems & Solutions dropdown (bold in the original theme) */
.dropdown ul ul li.menu-item-233 > a,
.dropdown ul ul li.menu-item-280 > a {
	margin-top: 4px;
	font: 700 12px/1.4 var(--font) !important;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--green-700) !important;
}

/* ---------- home banner ---------- */
.home_title {
	float: none !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	background: var(--green-900) !important;
}
#wrapper, #fullsize, #image { width: 100% !important; }
#fullsize, #image { height: 300px !important; }
#image img { width: 100%; height: 300px; object-fit: cover; }
#information {
	width: 100% !important;
	opacity: 1 !important;
	background: linear-gradient(90deg, rgba(15, 38, 24, .88) 0%, rgba(15, 38, 24, .55) 55%, rgba(15, 38, 24, 0) 100%) !important;
}
#information h3 {
	padding: 22px 36px !important;
	font: 600 28px/1.25 var(--font) !important;
	color: #fff !important;
	letter-spacing: -.01em;
}
.imgnav { height: 300px !important; opacity: .55; }
.imgnav:hover { opacity: 1; }

/* inner-page title banner */
.subpge_title { float: none !important; width: auto !important; margin: 0 !important; background-color: var(--green-900) !important; background-size: cover !important; }
.subpge_title h2 {
	background: rgba(15, 38, 24, .82) !important;
	border-radius: 8px;
	padding: 10px 18px !important;
	font: 600 24px/1.25 var(--font) !important;
	color: #fff !important;
}

/* ---------- content area ---------- */
.cnt_area { background: none !important; padding: 40px 44px 32px !important; }
.content_in {
	background: none !important;
	border: 0 !important;
	padding: 0 !important;
}

/* ---------- home: "Transforming emergency response" column ---------- */
th.green_head {
	background: var(--green-700) !important;
	height: auto !important;
	padding: 14px 22px !important;
	border-radius: var(--radius) var(--radius) 0 0;
	font: 700 13px/1.2 var(--font) !important;
	letter-spacing: .12em;
	color: #fff !important;
}
table[width="618"] { width: 100% !important; }
td[style*="titlebg_bot"] { display: none; }
.slider {
	height: auto !important;
	background: var(--card) !important;
	border: 1px solid var(--line) !important;
	border-top: 0 !important;
	border-radius: 0 0 var(--radius) var(--radius);
}
.slidercontent { position: static !important; }
.slidertxt_area { padding: 8px 22px !important; }
.slidertxt_area > tbody > tr > td { border-bottom: 1px solid var(--line); padding: 18px 0; }
.slidertxt_area > tbody > tr:last-child > td { border-bottom: 0; }
.slidertxt_area h2, .slidertxt_area h2 a {
	margin: 0 0 6px !important;
	font: 650 19px/1.3 var(--font) !important;
	color: var(--green-900) !important;
}
.slidertxt_area h2 a:hover { color: var(--accent) !important; }
.slidertxt_area p { font-size: 15px !important; color: var(--muted); line-height: 1.6; }
.slidertxt_area img.attachment-thumbnail { padding: 0 !important; border: 0 !important; border-radius: 10px; margin-left: 18px; }
p.btn_right { text-align: left !important; margin: 8px 0 0 !important; }
p.btn_right img { display: none; }
p.btn_right a::after {
	content: "Read more \2192";
	display: inline-block;
	padding: 7px 14px;
	border-radius: 999px;
	background: var(--green-100);
	color: var(--green-700);
	font: 600 14px/1 var(--font);
}
p.btn_right a:hover { text-decoration: none; }
p.btn_right a:hover::after { background: var(--green-700); color: #fff; }

/* ---------- home: "Success stories" column ---------- */
img[src*="succtab_"], img[src*="toparrow"], img[src*="bottomarrow"] { display: none; }
td[style*="succtab_"] { background: none !important; }
td.gree15 {
	background: var(--green-700) !important;
	border-radius: var(--radius) var(--radius) 0 0;
	padding: 6px 16px !important;
}
th.green_head_right { font: 700 13px/1.2 var(--font) !important; letter-spacing: .12em; color: #fff !important; }
img[src*="seeall_but"] { display: none; }
a:has(> img[src*="seeall_but"])::after {
	content: "See all \2192";
	color: #cfe6b5;
	font: 600 14px/1 var(--font);
}
td.gree15 + td, td:has(+ td.gree15) { width: 0 !important; }
.slider_right_item { width: 100% !important; margin: 0 !important; }
.slider:has(.slider_right_item) { max-height: 640px; overflow-y: auto !important; }
.slider_right_item td { border-bottom: 1px solid var(--line) !important; padding: 14px 8px !important; }
.slider_right_item p { padding: 0 8px !important; font-size: 14px !important; line-height: 1.45 !important; }
.slider_right_item a { color: var(--green-900); font-weight: 600; }
.slider_right_item a:hover { color: var(--accent); }
.slider_right_item img.attachment-thumbnail { padding: 0 !important; border: 0 !important; border-radius: 8px; width: 72px; height: auto; }

/* ---------- boxes used inside page content ---------- */
.download, .pagelist, .border, .borderb, .testimonials {
	background: var(--card) !important;
	border: 1px solid var(--line) !important;
	border-radius: var(--radius);
	box-shadow: var(--shadow) !important;
}
.pagelist img.thumbright, .pagelist img.attachment-thumbnail { padding: 0 !important; border: 0 !important; border-radius: 10px; box-shadow: none !important; }
.newpages li { background: var(--card) !important; border: 1px solid var(--line) !important; border-radius: var(--radius); }
.newpages li img, .newpages p img { padding: 0 !important; border: 0 !important; border-radius: 10px; }
.type-post, .type-page { border-bottom: 1px solid var(--line) !important; }

/* ---------- footer ---------- */
td[style*="footer_bg"] {
	background: var(--green-950) !important;
	border-radius: 0 0 var(--radius) var(--radius);
}
.footer_links { padding: 28px 0 !important; }
.footer p, .footer p a { color: rgba(255, 255, 255, .72) !important; font-size: 14px !important; text-align: center; }
.footer p a:hover { color: #fff !important; }
a:has(> img[src*="Twitter-icon"]) { display: none; }
table[width="1032"] { margin-bottom: 40px; }