/* skin.css - Modernized for clifresearch.com (EF CLIF Branding) */

/* Imports - Keep at top */
@import url(layout.css);
@import url(ipad.css);
@import url(mobile.css);

/* Global Reset & Base Styles */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
q,
small,
strong,
sub,
sup,
dl,
dt,
dd,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	border: 0;
}

article,
aside,
figure,
figure img,
figcaption,
hgroup,
footer,
header,
nav,
section,
video,
object {
	display: block;
}

a img {
	border: 0;
}

figure {
	position: relative;
}

figure img {
	width: 100%;
}

img,
object,
embed {
	max-width: 100%;
	height: auto;
}

#Body {
	color: #4A4A4A;
	padding: 0;
	margin: 0;
	background: #F8F9FA;
}

html,
body {
	font-family: "Museo Sans", "Calibri", Arial, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 16px;
	color: #333333;
	line-height: 1.6;
	background: #F8F9FA;
}

/* Typography Elements */
h1 {
	font-size: 30px;
	font-weight: 700;
}

h2 {
	font-size: 26px;
	font-weight: 700;
}

h3 {
	font-size: 20px;
	font-weight: 600;
}

h1,
h3,
h5 {
	color: #1D3964;
	/* Deep Space Blue */
	line-height: 1.3;
}

h2,
h4,
h6 {
	color: #2C3E50;
	line-height: 1.3;
}

p {
	margin: 0 0 1.5em;
}

/* Links & Buttons */
a,
a:link,
a:visited,
a:active {
	text-decoration: none;
	color: #1D3964;
	transition: color 0.25s ease, border-color 0.25s ease;
}

a:hover {
	text-decoration: none;
	color: #38B0D0;
	/* Sky Blue */
}

form#Form {
	height: 100%;
}

.ModuleTitle_SubMenu {
	z-index: 9999 !important;
}

.clearafter::after {
	clear: both;
	content: ".";
	height: 0px;
	font-size: 0px;
	visibility: hidden;
	display: block;
}

.clearafter {
	display: block;
}

/* DNN Admin Controls & Control Panel Styles */
.ControlPanel {
	background: #FFFFFF !important;
	border-bottom: 3px solid #38B0D0 !important;
	/* Sky Blue accent line separating control panel from header */
	box-shadow: 0 4px 20px rgba(29, 57, 100, 0.08) !important;
	padding: 12px 0 !important;
	font-family: "Museo Sans", "Calibri", Arial, sans-serif !important;
}

.ControlPanel table {
	border-collapse: collapse !important;
}

.ControlPanel td {
	border-color: rgba(29, 57, 100, 0.08) !important;
	padding: 4px 8px !important;
}

/* Style Select dropdowns and Text inputs in Control Panel */
.ControlPanel select,
.ControlPanel input[type="text"] {
	background: #FFFFFF !important;
	border: 1px solid rgba(29, 57, 100, 0.15) !important;
	border-radius: 4px !important;
	padding: 4px 8px !important;
	color: #333333 !important;
	font-size: 13px !important;
	outline: none !important;
	transition: border-color 0.2s, box-shadow 0.2s;
	height: auto !important;
	line-height: normal !important;
}

.ControlPanel select:focus,
.ControlPanel input[type="text"]:focus {
	border-color: #38B0D0 !important;
	box-shadow: 0 0 0 2px rgba(56, 176, 208, 0.15) !important;
}

/* Radio buttons alignment and styling */
.ControlPanel input[type="radio"] {
	appearance: none !important;
	-webkit-appearance: none !important;
	width: 14px !important;
	height: 14px !important;
	border: 2px solid rgba(29, 57, 100, 0.25) !important;
	border-radius: 50% !important;
	background: #FFFFFF !important;
	vertical-align: middle !important;
	margin-right: 6px !important;
	margin-left: 8px !important;
	cursor: pointer !important;
	position: relative !important;
	display: inline-block !important;
	outline: none !important;
	transition: border-color 0.2s, background-color 0.2s, box-shadow 0.2s !important;
}

.ControlPanel input[type="radio"]:hover {
	border-color: #38B0D0 !important;
	/* Sky Blue */
	box-shadow: 0 0 0 3px rgba(56, 176, 208, 0.1) !important;
}

.ControlPanel input[type="radio"]:checked {
	border-color: #38B0D0 !important;
	background: radial-gradient(circle, #38B0D0 40%, #FFFFFF 50%) !important;
	box-shadow: 0 0 0 3px rgba(56, 176, 208, 0.15) !important;
}

.ControlPanel label {
	font-size: 13px !important;
	color: #4A4A4A !important;
	font-weight: 600 !important;
	vertical-align: middle !important;
	cursor: pointer !important;
	transition: color 0.2s ease !important;
}

.ControlPanel label:hover {
	color: #38B0D0 !important;
}

/* Command Buttons (Page Functions / Common Tasks links) */
.ControlPanel .CommandButton,
.ControlPanel A.CommandButton:link,
.ControlPanel A.CommandButton:visited,
.ControlPanel A.CommandButton:active {
	font-size: 12px !important;
	color: #1D3964 !important;
	/* Deep Space Blue */
	text-decoration: none !important;
	font-weight: 600 !important;
	transition: color 0.2s ease !important;
}

.ControlPanel A.CommandButton:hover {
	color: #38B0D0 !important;
	/* Sky Blue */
	text-decoration: none !important;
}

/* Primary Action Buttons (like Add Module To Page) */
.ControlPanel a[id*="cmdAddModule" i],
.ControlPanel a[id*="cmdAddModule" i]:link,
.ControlPanel a[id*="cmdAddModule" i]:visited,
.ControlPanel a[id*="cmdAddModule" i]:active,
.ControlPanel a.CommandButton[id*="cmdAddModule" i],
.ControlPanel a.CommandButton[id*="cmdAddModule" i]:link,
.ControlPanel a.CommandButton[id*="cmdAddModule" i]:visited,
.ControlPanel a.CommandButton[id*="cmdAddModule" i]:active,
.ControlPanel .dnnPrimaryAction,
.ControlPanel .dnnPrimaryAction:link,
.ControlPanel .dnnPrimaryAction:visited,
.ControlPanel .dnnPrimaryAction:active {
	background: #1D3964 !important;
	color: #FFFFFF !important;
	border-radius: 4px !important;
	padding: 6px 12px !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	transition: background-color 0.2s, box-shadow 0.2s !important;
	box-shadow: 0 2px 6px rgba(29, 57, 100, 0.1) !important;
	display: inline-block !important;
	text-decoration: none !important;
}

.ControlPanel a[id*="cmdAddModule" i]:hover,
.ControlPanel a.CommandButton[id*="cmdAddModule" i]:hover,
.ControlPanel .dnnPrimaryAction:hover {
	background-color: #38B0D0 !important;
	color: #FFFFFF !important;
	/* Force white text on hover */
	box-shadow: 0 4px 10px rgba(56, 176, 208, 0.2) !important;
}

/* Page Functions Icons */

/* Add Page (Add Tab) */
.ControlPanel img[src*="addtab" i],
.ControlPanel input[type="image"][src*="addtab" i] {
	content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231D3964' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='12' y1='18' x2='12' y2='12'/%3E%3Cline x1='9' y1='15' x2='15' y2='15'/%3E%3C/svg%3E") !important;
}

.ControlPanel a:hover img[src*="addtab" i],
.ControlPanel a:hover input[type="image"][src*="addtab" i],
.ControlPanel td:hover input[type="image"][src*="addtab" i] {
	content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338B0D0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='12' y1='18' x2='12' y2='12'/%3E%3Cline x1='9' y1='15' x2='15' y2='15'/%3E%3C/svg%3E") !important;
}

/* Add Module (Pure Plus) */
.ControlPanel img[src*="add" i]:not([src*="addtab" i]),
.ControlPanel input[type="image"][src*="add" i]:not([src*="addtab" i]) {
	content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2310B981' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='5' x2='12' y2='19'/%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3C/svg%3E") !important;
}

.ControlPanel a:hover img[src*="add" i]:not([src*="addtab" i]),
.ControlPanel a:hover input[type="image"][src*="add" i]:not([src*="addtab" i]),
.ControlPanel td:hover input[type="image"][src*="add" i]:not([src*="addtab" i]),
.ControlPanel input[type="image"][src*="add" i]:not([src*="addtab" i]):hover {
	content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23059669' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='5' x2='12' y2='19'/%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3C/svg%3E") !important;
}

/* Page Settings */
.ControlPanel img[src*="tabsettings" i],
.ControlPanel img[src*="settings" i],
.ControlPanel img[src*="edittab" i],
.ControlPanel input[type="image"][src*="tabsettings" i],
.ControlPanel input[type="image"][src*="settings" i],
.ControlPanel input[type="image"][src*="edittab" i] {
	content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231D3964' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z'/%3E%3C/svg%3E") !important;
}

.ControlPanel a:hover img[src*="tabsettings" i],
.ControlPanel a:hover img[src*="settings" i],
.ControlPanel a:hover img[src*="edittab" i],
.ControlPanel a:hover input[type="image"][src*="tabsettings" i],
.ControlPanel a:hover input[type="image"][src*="settings" i],
.ControlPanel a:hover input[type="image"][src*="edittab" i],
.ControlPanel td:hover input[type="image"][src*="tabsettings" i],
.ControlPanel td:hover input[type="image"][src*="settings" i],
.ControlPanel td:hover input[type="image"][src*="edittab" i] {
	content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338B0D0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z'/%3E%3C/svg%3E") !important;
}

/* Delete Page */
.ControlPanel img[src*="deletetab" i],
.ControlPanel img[src*="delete_page" i],
.ControlPanel img[src*="delete" i],
.ControlPanel input[type="image"][src*="deletetab" i],
.ControlPanel input[type="image"][src*="delete_page" i],
.ControlPanel input[type="image"][src*="delete" i] {
	content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231D3964' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6'/%3E%3Cpath d='M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2'/%3E%3Cline x1='10' x2='10' y1='11' y2='17'/%3E%3Cline x1='14' x2='14' y1='11' y2='17'/%3E%3C/svg%3E") !important;
}

.ControlPanel a:hover img[src*="deletetab" i],
.ControlPanel a:hover img[src*="delete_page" i],
.ControlPanel a:hover img[src*="delete" i],
.ControlPanel a:hover input[type="image"][src*="deletetab" i],
.ControlPanel a:hover input[type="image"][src*="delete_page" i],
.ControlPanel a:hover input[type="image"][src*="delete" i],
.ControlPanel td:hover input[type="image"][src*="deletetab" i],
.ControlPanel td:hover input[type="image"][src*="delete_page" i],
.ControlPanel td:hover input[type="image"][src*="delete" i] {
	content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E9500E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6'/%3E%3Cpath d='M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2'/%3E%3Cline x1='10' x2='10' y1='11' y2='17'/%3E%3Cline x1='14' x2='14' y1='11' y2='17'/%3E%3C/svg%3E") !important;
}

/* Copy Page */
.ControlPanel img[src*="copy" i],
.ControlPanel input[type="image"][src*="copy" i] {
	content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231D3964' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='13' height='13' rx='2' ry='2'/%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'/%3E%3C/svg%3E") !important;
}

.ControlPanel a:hover img[src*="copy" i],
.ControlPanel a:hover input[type="image"][src*="copy" i],
.ControlPanel td:hover input[type="image"][src*="copy" i] {
	content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338B0D0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='13' height='13' rx='2' ry='2'/%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'/%3E%3C/svg%3E") !important;
}

/* Export Page */
.ControlPanel img[src*="export" i],
.ControlPanel input[type="image"][src*="export" i] {
	content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231D3964' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='17 8 12 3 7 8'/%3E%3Cline x1='12' y1='3' x2='12' y2='15'/%3E%3C/svg%3E") !important;
}

.ControlPanel a:hover img[src*="export" i],
.ControlPanel a:hover input[type="image"][src*="export" i],
.ControlPanel td:hover input[type="image"][src*="export" i] {
	content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338B0D0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='17 8 12 3 7 8'/%3E%3Cline x1='12' y1='3' x2='12' y2='15'/%3E%3C/svg%3E") !important;
}

/* Import Page */
.ControlPanel img[src*="import" i],
.ControlPanel input[type="image"][src*="import" i] {
	content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231D3964' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' y1='15' x2='12' y2='3'/%3E%3C/svg%3E") !important;
}

.ControlPanel a:hover img[src*="import" i],
.ControlPanel a:hover input[type="image"][src*="import" i],
.ControlPanel td:hover input[type="image"][src*="import" i] {
	content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338B0D0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' y1='15' x2='12' y2='3'/%3E%3C/svg%3E") !important;
}

/* Control Panel SVG Icon overrides - Common Tasks */

/* Site settings */
.ControlPanel img[src*="site" i],
.ControlPanel input[type="image"][src*="site" i] {
	content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231D3964' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='2' x2='22' y1='12' y2='12'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E") !important;
}

.ControlPanel a:hover img[src*="site" i],
.ControlPanel a:hover input[type="image"][src*="site" i],
.ControlPanel td:hover input[type="image"][src*="site" i] {
	content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338B0D0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='2' x2='22' y1='12' y2='12'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E") !important;
}

/* Users */
.ControlPanel img[src*="user" i],
.ControlPanel input[type="image"][src*="user" i] {
	content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231D3964' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E") !important;
}

.ControlPanel a:hover img[src*="user" i],
.ControlPanel a:hover input[type="image"][src*="user" i],
.ControlPanel td:hover input[type="image"][src*="user" i] {
	content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338B0D0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E") !important;
}

/* Roles */
.ControlPanel img[src*="security" i],
.ControlPanel img[src*="roles" i],
.ControlPanel input[type="image"][src*="security" i],
.ControlPanel input[type="image"][src*="roles" i] {
	content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231D3964' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E") !important;
}

.ControlPanel a:hover img[src*="security" i],
.ControlPanel a:hover img[src*="roles" i],
.ControlPanel a:hover input[type="image"][src*="security" i],
.ControlPanel a:hover input[type="image"][src*="roles" i],
.ControlPanel td:hover input[type="image"][src*="security" i],
.ControlPanel td:hover input[type="image"][src*="roles" i] {
	content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338B0D0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E") !important;
}

/* Files */
.ControlPanel img[src*="file" i],
.ControlPanel img[src*="folder" i],
.ControlPanel input[type="image"][src*="file" i],
.ControlPanel input[type="image"][src*="folder" i] {
	content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231D3964' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z'/%3E%3C/svg%3E") !important;
}

.ControlPanel a:hover img[src*="file" i],
.ControlPanel a:hover img[src*="folder" i],
.ControlPanel a:hover input[type="image"][src*="file" i],
.ControlPanel a:hover input[type="image"][src*="folder" i],
.ControlPanel td:hover input[type="image"][src*="file" i],
.ControlPanel td:hover input[type="image"][src*="folder" i] {
	content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338B0D0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z'/%3E%3C/svg%3E") !important;
}

/* Help */
.ControlPanel img[src*="help" i],
.ControlPanel input[type="image"][src*="help" i] {
	content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231D3964' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E") !important;
}

.ControlPanel a:hover img[src*="help" i],
.ControlPanel a:hover input[type="image"][src*="help" i],
.ControlPanel td:hover input[type="image"][src*="help" i] {
	content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338B0D0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E") !important;
}

/* Extensions */
.ControlPanel img[src*="extensions" i],
.ControlPanel img[src*="extension" i],
.ControlPanel input[type="image"][src*="extensions" i],
.ControlPanel input[type="image"][src*="extension" i] {
	content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231D3964' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7'/%3E%3Crect x='14' y='3' width='7' height='7'/%3E%3Crect x='14' y='14' width='7' height='7'/%3E%3Crect x='3' y='14' width='7' height='7'/%3E%3C/svg%3E") !important;
}

.ControlPanel a:hover img[src*="extensions" i],
.ControlPanel a:hover img[src*="extension" i],
.ControlPanel a:hover input[type="image"][src*="extensions" i],
.ControlPanel a:hover input[type="image"][src*="extension" i],
.ControlPanel td:hover input[type="image"][src*="extensions" i],
.ControlPanel td:hover input[type="image"][src*="extension" i] {
	content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338B0D0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7'/%3E%3Crect x='14' y='3' width='7' height='7'/%3E%3Crect x='14' y='14' width='7' height='7'/%3E%3Crect x='3' y='14' width='7' height='7'/%3E%3C/svg%3E") !important;
}

/* Top Right Dropdowns (Admin & Host links in Control Panel) */
.ControlPanel img[src*="admin" i],
.ControlPanel img[src*="console" i],
.ControlPanel input[type="image"][src*="admin" i],
.ControlPanel input[type="image"][src*="console" i] {
	content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231D3964' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' y1='21' x2='4' y2='14'/%3E%3Cline x1='4' y1='10' x2='4' y2='3'/%3E%3Cline x1='12' y1='21' x2='12' y2='12'/%3E%3Cline x1='12' y1='8' x2='12' y2='3'/%3E%3Cline x1='20' y1='21' x2='20' y2='16'/%3E%3Cline x1='20' y1='12' x2='20' y2='3'/%3E%3Cline x1='2' y1='14' x2='6' y2='14'/%3E%3Cline x1='10' y1='8' x2='14' y2='8'/%3E%3Cline x1='18' y1='16' x2='22' y2='16'/%3E%3C/svg%3E") !important;
}

.ControlPanel a:hover img[src*="admin" i],
.ControlPanel a:hover img[src*="console" i],
.ControlPanel a:hover input[type="image"][src*="admin" i],
.ControlPanel a:hover input[type="image"][src*="console" i],
.ControlPanel td:hover input[type="image"][src*="admin" i],
.ControlPanel td:hover input[type="image"][src*="console" i] {
	content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338B0D0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' y1='21' x2='4' y2='14'/%3E%3Cline x1='4' y1='10' x2='4' y2='3'/%3E%3Cline x1='12' y1='21' x2='12' y2='12'/%3E%3Cline x1='12' y1='8' x2='12' y2='3'/%3E%3Cline x1='20' y1='21' x2='20' y2='16'/%3E%3Cline x1='20' y1='12' x2='20' y2='3'/%3E%3Cline x1='2' y1='14' x2='6' y2='14'/%3E%3Cline x1='10' y1='8' x2='14' y2='8'/%3E%3Cline x1='18' y1='16' x2='22' y2='16'/%3E%3C/svg%3E") !important;
}

.ControlPanel img[src*="host" i],
.ControlPanel img[src*="superuser" i],
.ControlPanel input[type="image"][src*="host" i],
.ControlPanel input[type="image"][src*="superuser" i] {
	content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231D3964' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2L2 7l10 5 10-5-10-5z'/%3E%3Cpath d='M2 17l10 5 10-5'/%3E%3Cpath d='M2 12l10 5 10-5'/%3E%3C/svg%3E") !important;
	/* Premium user layers/system stack icon for host */
}

.ControlPanel a:hover img[src*="host" i],
.ControlPanel a:hover img[src*="superuser" i],
.ControlPanel a:hover input[type="image"][src*="host" i],
.ControlPanel a:hover input[type="image"][src*="superuser" i],
.ControlPanel td:hover input[type="image"][src*="host" i],
.ControlPanel td:hover input[type="image"][src*="superuser" i] {
	content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338B0D0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2L2 7l10 5 10-5-10-5z'/%3E%3Cpath d='M2 17l10 5 10-5'/%3E%3Cpath d='M2 12l10 5 10-5'/%3E%3C/svg%3E") !important;
}

/* Admin/Host top right links */
.ControlPanel a[id*="LinkAdmin" i],
.ControlPanel a[id*="LinkHost" i],
.ControlPanel a[href*="admin" i],
.ControlPanel a[href*="host" i],
.ControlPanel a[href*="superuser" i] {
	display: inline-flex !important;
	align-items: center !important;
	padding: 5px 12px !important;
	margin-left: 8px !important;
	background: #FFFFFF !important;
	border: 1px solid rgba(29, 57, 100, 0.15) !important;
	border-radius: 20px !important;
	color: #1D3964 !important;
	/* Deep Space Blue */
	font-size: 11px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	transition: all 0.2s ease !important;
	box-shadow: 0 1px 3px rgba(29, 57, 100, 0.04) !important;
	text-decoration: none !important;
}

.ControlPanel a[id*="LinkAdmin" i]:hover,
.ControlPanel a[id*="LinkHost" i]:hover,
.ControlPanel a[href*="admin" i]:hover,
.ControlPanel a[href*="host" i]:hover,
.ControlPanel a[href*="superuser" i]:hover {
	background: #1D3964 !important;
	color: #FFFFFF !important;
	border-color: #1D3964 !important;
	box-shadow: 0 3px 6px rgba(29, 57, 100, 0.12) !important;
}

.ControlPanel a[href*="admin" i] img,
.ControlPanel a[href*="admin" i] input[type="image"],
.ControlPanel a[href*="host" i] img,
.ControlPanel a[href*="host" i] input[type="image"],
.ControlPanel a[href*="superuser" i] img,
.ControlPanel a[href*="superuser" i] input[type="image"],
.ControlPanel a[id*="LinkAdmin" i] img,
.ControlPanel a[id*="LinkAdmin" i] input[type="image"],
.ControlPanel a[id*="LinkHost" i] img,
.ControlPanel a[id*="LinkHost" i] input[type="image"] {
	margin-right: 6px !important;
}

/* Force standard size for Control Panel SVG icons */
.ControlPanel img,
.ControlPanel input[type="image"] {
	width: 16px !important;
	height: 16px !important;
	max-width: 16px !important;
	max-height: 16px !important;
	display: inline-block !important;
	vertical-align: middle !important;
}

/* Base Headings & Text Classes */
.Head {
	font-size: 15px;
	font-weight: 700;
	color: #1D3964;
}

.SubHead {
	font-size: 14px;
	font-weight: 600;
	color: #2C3E50;
}

.SubSubHead {
	font-size: 13px;
	color: #555555;
}

.Normal {
	font-family: "Museo Sans", "Calibri", Arial, sans-serif !important;
	font-size: 18px !important;
	line-height: 1.6 !important;
	color: #333333 !important;
}

/* Dates */
.date,
a.date:link,
a.date:active,
a.date:visited {
	color: #E9500E;
	/* Orange */
	text-decoration: none;
	font-weight: 500;
	font-size: 12px;
	padding: 3px 0 3px 20px;
	background: none;
	position: relative;
}

.date::before {
	content: '📅';
	position: absolute;
	left: 0;
	top: 2px;
	font-size: 12px;
}

a.date:hover {
	color: #1D3964;
}

/* Footer elements */
.footer,
a.footer:link,
a.footer:active,
a.footer:visited {
	font-size: 13px;
	color: rgba(255, 255, 255, 0.8) !important;
	text-decoration: none;
	font-weight: normal;
}

a.footer:hover {
	color: #38B0D0 !important;
	text-decoration: underline;
}

/* Privacy & Terms Links */
.terms,
a.terms:link,
a.terms:active,
a.terms:visited {
	font-size: 13px;
	color: rgba(255, 255, 255, 0.7) !important;
	text-decoration: none;
	font-weight: normal;
}

a.terms:hover {
	color: #38B0D0 !important;
	text-decoration: underline;
}

/* Breadcrumb Styling */
.breadcrumb,
a.breadcrumb:link,
a.breadcrumb:active,
a.breadcrumb:visited {
	font-size: 13px;
	color: #1D3964;
	text-decoration: none;
	font-weight: 500;
}

a.breadcrumb:hover {
	color: #38B0D0;
	text-decoration: underline;
}

/* Page Wrapper & Layout Components */
#dnn_wrapper {
	min-height: 100%;
	background: #F8F9FA;
	position: relative;
	overflow: hidden;
}

/* TreeLegend & DNN Form Styles */
.dnnForm h2.dnnFormSectionHead a,
.dnnForm h2.dnnFormSectionHead a:visited {
	color: #1D3964;
}

.dnnTreeLegend h3 {
	color: #1D3964;
}

.dnnFormItem input[type="checkbox"],
.dnnFormItem input[type="radio"],
.dnnFormItem input[type="file"],
.dnnFormItem input[type="button"],
.dnnFormItem input.rcbInput {
	border: 1px solid #CCCDCC;
	border-radius: 4px;
	padding: 4px 8px;
	background: #FFFFFF;
}

.DNNEmptyPane {
	display: none;
}

.dnn_space {
	height: 12px;
	font-size: 0px;
}

/* HEADER STYLE (Modern Glassmorphic Dark Blue) */
.wrapper {
	background: #F8F9FA;
	width: 100%;
	position: relative;
}

.myhead {
	background: #1D3964;
	/* Deep Space Blue */
	border-top: 4px solid #38B0D0;
	/* Sky Blue accent line */
	padding: 18px 0;
	box-shadow: 0 4px 25px rgba(29, 57, 100, 0.12);
}

.nav {
	max-width: 1000px;
	margin: 0 auto;
}

/* FOOTER SECTIONS */
.linksbg {
	background: #11213B;
	/* Very dark Deep Space Blue */
	margin: 40px 0 0;
	padding: 20px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.topfooter {
	background: #15294A;
	border-top: 1px solid rgba(255, 255, 255, 0.05);
	padding: 40px 0;
}

.copyrightbg {
	background: #0B1627;
	padding: 24px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.copyright {
	color: rgba(255, 255, 255, 0.6) !important;
}

.pad1 {
	padding: 10px 0 24px 0;
}

/* Footerlinks */
.footerlinks {
	color: #FFFFFF;
}

A.footerlinks,
A.footerlinks:link,
A.footerlinks:visited,
A.footerlinks:active {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.5px;
	transition: color 0.2s ease;
}

A.footerlinks:hover {
	color: #38B0D0;
	/* Sky Blue */
}

/* Header Login / User Styling */
.login,
a.login:link,
a.login:active,
a.login:visited {
	color: #FFFFFF !important;
	text-decoration: none;
	font-weight: 600;
	font-size: 13px;
	transition: color 0.25s ease;
	padding-left: 20px;
	position: relative;
}

.login::before {
	content: '' !important;
	display: inline-block !important;
	width: 12px !important;
	height: 12px !important;
	position: absolute;
	left: 0;
	top: 2px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
	transition: background-image 0.25s ease;
}

a.login:hover::before {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338B0D0' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") !important;
}

.login_style {
	padding: 8px 0;
	color: rgba(255, 255, 255, 0.4);
	font-size: 12px;
}

.user,
a.user:link,
a.user:active,
a.user:visited {
	color: #FFFFFF !important;
	text-decoration: none;
	font-weight: 600;
	font-size: 13px;
	transition: color 0.25s ease;
	padding-left: 20px;
	position: relative;
}

.user::before {
	content: '' !important;
	display: inline-block !important;
	width: 12px !important;
	height: 12px !important;
	position: absolute;
	left: 0;
	top: 2px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
	transition: background-image 0.25s ease;
}

a.user:hover::before {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338B0D0' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z'/%3E%3C/svg%3E") !important;
}

.login img,
.user img {
	display: none !important;
}

/* Language Selector styling */
.language-object .Language {
	display: inline;
	margin: 0 4px;
	text-align: center;
	vertical-align: middle;
	float: none;
}

.language-object .Language img {
	padding: 2px;
	max-width: 18px;
	vertical-align: -2px !important;
	border: none;
	border-radius: 2px;
	transition: opacity 0.2s;
}

.language-object .Language img:hover {
	opacity: 0.8;
}

.language-object .Language.selected img {
	background: rgba(255, 255, 255, 0.2);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4);
}

.language-object {
	display: inline;
	line-height: 1;
	margin: 0;
	overflow: visible;
	vertical-align: middle;
	text-align: left;
}

/* Search Box Styling - Pure CSS */
.search,
a.search:link,
a.search:active,
a.search:visited {
	color: transparent !important;
	display: block;
	font-size: 0px;
	height: 34px;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-indent: -9999px;
	top: 0;
	width: 44px;
	cursor: pointer;
	background: none;
}

a.search:hover {
	background: none;
}

#dnn_dnnSEARCH_txtSearch {
	background: transparent;
	border: none;
	color: #FFFFFF;
	display: block;
	font-size: 13px;
	height: 32px;
	line-height: 32px;
	left: 0;
	padding: 0 44px 0 12px;
	position: absolute;
	text-align: left;
	width: 192px;
	outline: none;
	font-family: "Museo Sans", "Calibri", Arial, sans-serif;
}

/* Banners and Main Containers */
.bannerp {
	background: #1D3964;
	padding: 40px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.bannerbot {
	background: #F8F9FA;
	min-height: 12px;
}

.mainbg {
	background: #F8F9FA;
	padding: 10px 0;
}

.headp {
	float: left;
	padding: 5px;
}

.dnn_menu {
	clear: both;
	position: relative;
	z-index: 999;
}

/* Breadcrumb Wrapper */
.bread_style {
	background: #FFFFFF;
	border-radius: 8px;
	border: 1px solid rgba(29, 57, 100, 0.06);
	box-shadow: 0 2px 10px rgba(29, 57, 100, 0.02);
	color: #666666;
	padding: 12px 16px;
	margin-bottom: 20px;
	font-size: 13px;
	display: inline-block;
}

.clear {
	clear: both;
	line-height: 0;
	font-size: 0;
	height: 0;
}

.dnnpanes {
	clear: both;
}

/* Back to Top button - Pure CSS styles */
#top-link {
	background: rgba(29, 57, 100, 0.95);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 50%;
	bottom: 30px;
	display: none;
	width: 44px;
	height: 44px;
	position: fixed;
	right: 24px;
	text-decoration: none;
	z-index: 903;
	cursor: pointer;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
	transition: background 0.3s, transform 0.3s;
	display: flex !important;
	align-items: center;
	justify-content: center;
}

#top-link::after {
	content: '▲';
	color: #FFFFFF;
	font-size: 14px;
	line-height: 1;
}

#top-link:hover {
	background: #38B0D0;
	/* Sky Blue */
	transform: translateY(-3px);
}

/* ==========================================================================
   Modernized Login Page Styles (Exclusive to EF_CLIF_Crimson)
   ========================================================================== */

.loginContent {
	display: block !important;
	float: none !important;
	clear: both !important;
	max-width: 400px !important;
	margin: 60px auto !important;
	padding: 35px 35px 25px 35px !important;
	background: #FFFFFF !important;
	border-radius: 12px !important;
	border-top: 5px solid #F0B323 !important;
	/* Branded Sunflower Yellow Top Accent */
	box-shadow: 0 10px 30px rgba(29, 57, 100, 0.08) !important;
	border-left: 1px solid rgba(29, 57, 100, 0.06) !important;
	border-right: 1px solid rgba(29, 57, 100, 0.06) !important;
	border-bottom: 1px solid rgba(29, 57, 100, 0.06) !important;
	box-sizing: border-box !important;
}

/* Reset all inner wrapper containers to 100% width and remove padding/margins */
.loginContent .loginPanel,
.loginContent #dnn_ctr_Login_DNN,
.loginContent .dnnForm,
.loginContent .dnnLoginService {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
	background: transparent !important;
	border: none !important;
	box-sizing: border-box !important;
}

/* Stacking Form Fields */
.loginContent .dnnFormItem {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	margin: 0 0 20px 0 !important;
	padding: 0 !important;
	float: none !important;
	clear: both !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 100% !important;
	box-sizing: border-box !important;
}

/* Form Labels */
.loginContent .dnnForm .dnnFormItem label,
.loginContent .dnnFormItem label,
.loginContent .dnnFormLabel {
	display: block !important;
	float: none !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 100% !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	color: #1D3964 !important;
	/* Deep Space Blue */
	margin-bottom: 8px !important;
	text-align: left !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	box-sizing: border-box !important;
}

/* Text and Password Inputs */
.loginContent .dnnForm .dnnFormItem input[type="text"],
.loginContent .dnnForm .dnnFormItem input[type="password"],
.loginContent .dnnFormItem input[type="text"],
.loginContent .dnnFormItem input[type="password"],
.loginContent input[type="text"],
.loginContent input[type="password"],
.loginContent input[id*="txtUsername" i],
.loginContent input[id*="txtPassword" i] {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 100% !important;
	height: 42px !important;
	padding: 8px 14px !important;
	background: #FFFFFF !important;
	border: 1px solid rgba(29, 57, 100, 0.18) !important;
	border-radius: 6px !important;
	font-size: 15px !important;
	color: #333333 !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
	transition: border-color 0.25s ease, box-shadow 0.25s ease !important;
	float: none !important;
}

.loginContent input[type="text"]:focus,
.loginContent input[type="password"]:focus {
	border-color: #38B0D0 !important;
	/* Sky Blue */
	box-shadow: 0 0 0 3px rgba(56, 176, 208, 0.18) !important;
	outline: none !important;
}

/* Prevent Chrome/Firefox Autofill Background Color Override */
.loginContent input:-webkit-autofill,
.loginContent input:-webkit-autofill:hover,
.loginContent input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset !important;
	-webkit-text-fill-color: #333333 !important;
}

/* Remember Me Checkbox */
.loginContent .dnnLoginRememberMe {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	margin: 15px 0 25px 0 !important;
	clear: both !important;
}

.loginContent .dnnLoginRememberMe input[type="checkbox"] {
	margin: 0 8px 0 0 !important;
	cursor: pointer !important;
	width: 16px !important;
	height: 16px !important;
	accent-color: #38B0D0 !important;
}

.loginContent .dnnLoginRememberMe label {
	font-size: 13px !important;
	font-weight: 500 !important;
	color: #555555 !important;
	cursor: pointer !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	margin-bottom: 0 !important;
}

/* Reset the actions container and list items to prevent button displacement */
.loginContent .dnnActions,
.loginContent ul.dnnActions {
	padding: 0 !important;
	margin: 20px 0 0 0 !important;
	list-style: none !important;
	display: block !important;
	float: none !important;
	clear: both !important;
	width: 100% !important;
}

.loginContent .dnnActions li {
	float: none !important;
	display: block !important;
	width: 100% !important;
	margin: 0 0 10px 0 !important;
	padding: 0 !important;
}

/* Primary Buttons (Login Action) */
.loginContent .dnnPrimaryAction,
.loginContent a.dnnPrimaryAction,
.loginContent input[type="submit"],
.loginContent button.dnnPrimaryAction {
	display: block !important;
	width: 100% !important;
	height: 46px !important;
	line-height: 46px !important;
	padding: 0 !important;
	margin: 20px 0 0 0 !important;
	/* Reset margin and override module.css margin-left: 125px */
	background: #1D3964 !important;
	/* Deep Space Blue */
	color: #FFFFFF !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	text-align: center !important;
	text-decoration: none !important;
	border-radius: 6px !important;
	border: none !important;
	cursor: pointer !important;
	transition: background-color 0.25s ease, transform 0.15s ease, box-shadow 0.25s ease !important;
	box-shadow: 0 4px 12px rgba(29, 57, 100, 0.15) !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	float: none !important;
	box-sizing: border-box !important;
}

.loginContent .dnnPrimaryAction:hover,
.loginContent a.dnnPrimaryAction:hover,
.loginContent input[type="submit"]:hover,
.loginContent button.dnnPrimaryAction:hover {
	background-color: #38B0D0 !important;
	/* Sky Blue */
	color: #FFFFFF !important;
	box-shadow: 0 6px 16px rgba(56, 176, 208, 0.3) !important;
}

.loginContent .dnnPrimaryAction:active,
.loginContent a.dnnPrimaryAction:active,
.loginContent input[type="submit"]:active,
.loginContent button.dnnPrimaryAction:active {
	transform: scale(0.98) !important;
}

/* Secondary Actions / Retrieve Password */
.loginContent a.dnnSecondaryAction,
.loginContent .dnnLoginService+a,
.loginContent a[href*="Password"] {
	display: block !important;
	text-align: center !important;
	margin: 20px auto 5px auto !important;
	color: #38B0D0 !important;
	/* Sky Blue */
	font-size: 14px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	transition: color 0.2s ease !important;
}

.loginContent a.dnnSecondaryAction:hover,
.loginContent .dnnLoginService+a:hover,
.loginContent a[href*="Password"]:hover {
	color: #E9500E !important;
	/* Orange brand accent */
	text-decoration: underline !important;
}

/* Flagship Projects / Card Styles for Observational Studies (matching efclif.com) */
.row:has(> .flagship-projects-content) {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
	gap: 24px !important;
}

.row:has(> .flagship-projects-content)::before,
.row:has(> .flagship-projects-content)::after {
	display: none !important;
}

.card-content.flagship-projects-content {
	width: auto !important;
	max-width: none !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
}

.card-content.flagship-projects-content a {
	text-decoration: none !important;
	display: flex !important;
	width: 100% !important;
}

.card-content.flagship-projects-content .card {
	background: #ffffff !important;
	border: 1px solid #E5E7EB !important;
	border-radius: 5px !important;
	padding: 25px 15px 35px 15px !important;
	width: 100% !important;
	display: flex !important;
	flex-direction: column !important;
	transition: all 0.3s ease !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

.card-content.flagship-projects-content a:hover .card {
	background: #fafaf9 !important;
	border-color: #38B0D0 !important;
	/* Sky Blue */
	transform: translateY(-3px) !important;
	box-shadow: 0 8px 16px rgba(29, 57, 100, 0.08) !important;
}

.card-content.flagship-projects-content .flagship-logo {
	height: 79px !important;
	margin-bottom: 1.5rem !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
}

.card-content.flagship-projects-content .flagship-logo img {
	max-height: 100% !important;
	max-width: 100% !important;
	width: auto !important;
	object-fit: contain !important;
}

.card-content.flagship-projects-content .card-text {
	color: #333333 !important;
	font-family: "Museo Sans", "Calibri", Arial, sans-serif !important;
	font-size: 18px !important;
	line-height: 24px !important;
	font-weight: 400 !important;
	margin: 0 !important;
}

.main-banner-container {
	background-image: url('/Portals/0/Images/banner1.png');
	background-size: 120% 240% !important;
	background-position: center center !important;
	position: relative;
	height: 380px;
	width: 100%;
	border-radius: 8px;
	overflow: hidden;
}

.banner-logos-overlay {
	position: absolute;
	right: 5%;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	z-index: 10;
}

.logo-box {
	margin-bottom: 15px !important;
	height: 60px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
}

.logo-box img,
.logo-box svg,
.logo-box a,
.logo-box a svg {
	height: 60px !important;
	width: auto !important;
	max-height: 60px !important;
	display: block !important;
	object-fit: contain !important;
}

.banner-tagline {
	font-family: "Museo Sans", "Calibri", Arial, sans-serif;
	font-size: 28px;
	color: #1D3964;
	font-weight: 300;
	margin-top: 10px;
}

/* Responsive adjustments for main banner */
@media (max-width: 768px) {
	.main-banner-container {
		height: 240px !important;
		background-position: 25% center !important;
		/* adjust center shift on mobile */
	}

	.banner-logos-overlay {
		right: 4% !important;
	}

	.logo-box {
		height: 42px !important;
		margin-bottom: 8px !important;
	}

	.logo-box img,
	.logo-box svg,
	.logo-box a,
	.logo-box a svg {
		height: 42px !important;
		max-height: 42px !important;
	}

	.banner-tagline {
		font-size: 18px !important;
		margin-top: 5px !important;
	}
}

/* Rotator skin override to remove harsh corners */
.Rotator_Default {
	width: 100%;
	border-radius: 8px !important;
	overflow: hidden !important;
}

/* New Banner Text Overlay Styles */
.banner-text-overlay {
	position: absolute !important;
	right: 6% !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-end !important;
	text-align: right !important;
	max-width: 520px !important;
	z-index: 10 !important;
}

.banner-title {
	font-family: "Museo Sans", "Calibri", Arial, sans-serif !important;
	font-size: 34px !important;
	color: #1D3964 !important; /* Deep Space Blue */
	font-weight: 700 !important;
	margin: 0 0 12px 0 !important;
	line-height: 1.25 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
}

.banner-desc {
	font-family: "Museo Sans", "Calibri", Arial, sans-serif !important;
	font-size: 18px !important;
	color: #4B5563 !important; /* Professional Muted Slate Gray */
	font-weight: 300 !important;
	margin: 0 0 22px 0 !important;
	line-height: 1.5 !important;
}

.banner-btn {
	font-family: "Museo Sans", "Calibri", Arial, sans-serif !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	color: #FFFFFF !important;
	background-color: #1D3964 !important; /* Primary Blue */
	padding: 11px 24px !important;
	border-radius: 24px !important;
	text-decoration: none !important;
	display: inline-block !important;
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
	box-shadow: 0 4px 10px rgba(29, 57, 100, 0.15) !important;
	border: 1px solid #1D3964 !important;
}

.banner-btn:hover {
	background-color: #38B0D0 !important; /* Secondary Sky Blue */
	border-color: #38B0D0 !important;
	color: #FFFFFF !important;
	box-shadow: 0 6px 16px rgba(56, 176, 208, 0.3) !important;
	transform: translateY(-2px) !important;
}

.banner-btn:active {
	transform: translateY(0) !important;
}

/* Mobile responsive scaling for the banner text overlay */
@media (max-width: 768px) {
	.banner-text-overlay {
		right: 4% !important;
		max-width: 320px !important;
	}
	.banner-title {
		font-size: 20px !important;
		margin-bottom: 6px !important;
	}
	.banner-desc {
		font-size: 14px !important;
		margin-bottom: 12px !important;
		line-height: 1.4 !important;
	}
	.banner-btn {
		font-size: 11px !important;
		padding: 8px 18px !important;
	}
}

/* Banner 2 Container Styles to match Banner 1 height and scale */
.banner2-container {
	background-image: url('/Portals/0/Images/banner2.png') !important;
	background-position: center center !important;
	background-size: cover !important;
}

/* Banner 3 Container Styles to match Banner 1 height and scale */
.banner3-container {
	background-image: url('/Portals/0/Images/banner3.png') !important;
	background-position: center center !important;
	background-size: cover !important;
}