/* New CSS 2026 update */

.img-with-aniamtion-wrap > .inner {
	margin-left: auto;
	margin-right: auto;
}

#breadcrumbs.yoast {
	text-align: center;
	font-size: 12px;
}



/* tweak menu dropdowns to look a bit more like previous site */

nav #menu-item-6214 .sub-menu {
	width: 330px !important;
}

nav li {
	padding-bottom: 0 !important;
}

nav #menu-item-6240 .sub-menu {
	width: 290px !important;
}

nav .sf-menu >li ul {
	border-color: #e3e3e3 !important;
	padding: 0 !important;
}
nav .sf-menu >li ul li a {
	padding: 10px 15px !important;
}

/* tweak side menu to look a bit more like previous site */

#sidebar {
	padding: 0 !important;
	background: transparent !important;
}


#sidebar h2 {
	color: #fff !important;
	background: #ee7218 !important;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	padding: 0 10px;
/* 	font-size: 25px; */
	line-height: 50px; 
	margin-bottom: 3px;
}


#sidebar ul {
	margin-left: 0 !important;
}
#sidebar li {
	list-style: none !important;
	display: block !important;
	margin: 0 !important;
	padding-bottom: 0 !important;
	
}
#sidebar li a {
	display: block !important;
	background: #d4e5f1 !important;
	border: none !important;
	margin-bottom: 3px !important;
	padding: 7px 10px !important;
	-webkit-transition: all 0.234s ease; -moz-transition: all 0.234s ease; -o-transition: all 0.234s ease; transition: all 0.234s ease;
}

#sidebar li.side_nav_current a {
	background: #EBF2F8 !important;
	padding-left: 13px;
/* 	font-size: 12px; */
	margin: 1px 0;
}

#sidebar li.side_nav_current .faq_catlink_current {
	background: #59A2D3 !important;
	color: #fff !important;
}


#sidebar #menu-modules li a:hover,
#sidebar #menu-modules li.current-menu-item a {
	background: #eff7fc !important;
	-webkit-transition: all 0.234s ease; -moz-transition: all 0.234s ease; -o-transition: all 0.234s ease; transition: all 0.234s ease;
}

@media (min-width: 701px) { 
	.hideonnotmobiles {
		display: none !important;
	}
}

@media (max-width: 700px) {
	.hideonmobiles {
		display: none !important;
	}
}

@media (max-width: 540px) {
	#release-note-table td, #release-note-table th { 
		font-size: 11px !important;
		line-height: 14px !important;
		padding-top: 6px;
	}
	.release_areacolumn	{
		max-width: 110px;
	}
}

#release-note-table {
	min-width: 600px;
}
#release-note-table td,
#release-note-table th {
	text-align: left;
	padding: 9px;
	font-size: 12px;
	line-height: 18px;
	word-wrap: break-word;
}

#release-note-table {
	min-width: 0 !important;
}

.mobilereleasesummary td {
	padding-top: 0 !important;
	padding-bottom: 7px !important;
	border-bottom: 1px solid #e3e3e3;
}






ul.internal-content-arrowlist li,
ul.arrowlist li {
	list-style: none !important;
	list-style-image: url(img/arrow-b.gif) !important;
}
ul.internal-content-arrowlist,
ul.arrowlist {
    list-style-image: url(img/arrow-b.gif) !important;
}

p {
	padding-bottom: 16px;
}








/* fix mobile arrow down on mobile menu issue */
#slide-out-widget-area .ocm-dropdown-arrow {
    width: 100% !important;
}
#slide-out-widget-area .ocm-dropdown-arrow i {
    right: 0px !important;
    position: absolute;
}
#slide-out-widget-area .open-submenu > .ocm-dropdown-arrow i {
    position: absolute;
    left: 0px !important;
}


#slide-out-widget-area .ocm-dropdown-arrow {
    transition: none !important;
}


/*
 * On mobile/tablet (<=999px), move the sidebar column BELOW the content.
 * WPBakery puts the 1/4 sidebar column (.vc_col-sm-3) before the 3/4 content
 * column (.vc_col-sm-9) in source order, which stacks the sidebar above the
 * content on narrow screens. Flexing the row and bumping the sidebar's
 * `order` swaps them visually without changing the markup.
 * `:has(#sidebar)` scopes this to rows that actually contain a sidebar, so
 * other 3/9 column layouts on the site are untouched.
 */
@media (max-width: 999px) {
    .vc_row-fluid:has(#sidebar) { display: flex; flex-direction: column; }
    .vc_row-fluid:has(#sidebar) .vc_col-sm-3 { order: 2; margin-top: 40px; }
}