/* look at subpages-navgation.sample.css to read this */
ul.subpages-navi,.subpages-navi ul{list-style:none!important}ul.subpages-navi-widget,.subpaegs-navi-widget ul{width:100%}ul.subpages-navi .hitarea{display:inline;width:18px;height:19px;margin-left:-19px;float:left;cursor:pointer;margin-top: 0px;background-image:url(/wp-content/plugins/subpages-navigation/images/sub-pages.gif);background-color: #002145; position: relative; background-repeat:no-repeat}* html .hitarea{display:inline;float:none}ul.subpages-navi li.expandable>.hitarea{background-position:0px 0px}ul.subpages-navi li.collapsible>.hitarea{background-position:-19px 0px}ul.subpages-navi li{margin-top:1px}ul.subpages-navi-widget a{display:block;padding:0 0 0 4px}ul.subpages-navi a:hover{text-decoration:underline}

/* UBC Subpages Navigation - Sidenav (plain <li> walker, non-accordion) */
ul.subpages-navi.subpages-navi-widget {
	margin: 0;
	padding: 0;
	border-top: 1px solid #D7E0E7;
}

.subpages-navi.subpages-navi-widget .children {
	margin: 0;
	padding: 0;
}

.subpages-navi.subpages-navi-widget .subpages-navi-node {
	border-bottom: 1px solid #D7E0E7;
}

/* "Children currently visible" means: a parent that isn't collapsed. In
   collapsible mode that's "li.parent.collapsible"; in non-collapsible mode
   ".expandable" is never added at all, so children are always shown - hence
   :not(.expandable) rather than requiring ".collapsible" specifically. */

/* While a parent's children are visible, its own closing border-bottom lands
   at the exact same spot as its last (deepest) descendant's border-bottom -
   let the descendant supply that line instead, so it isn't doubled into a
   darker one. */
.subpages-navi.subpages-navi-widget li.parent:not(.expandable) {
	border-bottom: none;
}

/* A parent <li> wraps its entire visible children <ul> inside itself, so its
   own border-bottom lands at the end of the whole branch, not under its own
   title row. Give the parent's own link a border-bottom too, but only while
   its children are visible - when collapsed there's nothing directly below to
   separate from, and the li's own border already sits right there, so adding
   one here too would just double up into a darker line. */
.subpages-navi.subpages-navi-widget li.parent:not(.expandable) > a {
	border-bottom: 1px solid #D7E0E7;
}

.subpages-navi.subpages-navi-widget a {
	padding: 6px 16px;
	font-size: 15px;
	line-height: 24px;
	letter-spacing: 0;
	color: #002145;
	font-weight: normal;
	text-decoration: none;
}

.subpages-navi.subpages-navi-widget a:hover,
.subpages-navi.subpages-navi-widget a:focus,
.subpages-navi.subpages-navi-widget a:active {
	font-weight: 700;
	color: #002145;
	text-decoration: none;
}

.subpages-navi.subpages-navi-widget .subpages-navi-current-level > a {
	font-weight: 700;
	color: #0055B7;
}

.subpages-navi.subpages-navi-widget .subpages-navi-level-1 > a {
	padding-left: 32px;
}

/* Any level nested two or more deep (level-2, level-3, level-4...) gets a
   single flat indent rather than stepping further in at each level. */
.subpages-navi.subpages-navi-widget .children .children a {
	padding-left: 48px;
}

/* No visible +/- icon: the hitarea stays clickable (see below), just invisible. */
.subpages-navi.subpages-navi-widget .hitarea {
	background-image: none;
	background-color: transparent;
}

/* UBC CLF Sidenav Accordion (CLFSubpagesNavigationPageList walker) - ported from the
   theme/network CLF stylesheet so this plugin does not depend on it being present. */
.sidenav .single {
	border: none;
}
.sidenav .single a {
	padding: 6px 16px;
	font-size: 15px;
	color: #002145;
	line-height: 24px;
	text-transform: none;
	font-weight: normal;
}
.sidenav .single a:hover,
.sidenav .single a:active,
.sidenav .single a:focus {
	font-weight: bold;
	background: none;
	color: #002145;
}
.sidenav .opened {
	font-weight: 700;
	color: #0055b7 !important;
}
.sidenav.accordion {
	background-color: rgba(255, 255, 255, 0);
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	margin-bottom: 10px;
}
.sidenav.accordion a {
	border-top: 1px solid #D7E0E7;
}
.accordion-group {
	border: none;
}
.sidenav .accordion-heading {
	border-bottom: none;
}
.sidenav .accordion-heading .accordion-toggle {
	border-left: none;
	padding: 0 20px;
}
.sidenav .ubc7-arrow {
	display: none;
}
.sidenav .accordion-inner a {
	border-bottom: none;
}
.sidenav .accordion-group .accordion-group .accordion-inner > a:last-child {
	border-bottom: none;
}
.sidenav .accordion-group .accordion-heading.opened a {
	font-weight: bold;
}
.sidenav .accordion-heading:hover,
.sidenav .accordion-heading a:hover,
.sidenav .accordion-heading:hover a:focus,
.sidenav .accordion-heading:hover a:active,
.sidenav .accordion-heading:hover .accordion-toggle {
	background: none !important;
	color: initial;
}
.sidenav .accordion-inner a {
	font-size: 15px;
	color: #002145;
	line-height: 24px;
	text-transform: none;
	font-weight: 600;
}
.sidenav .accordion-inner a:hover {
	background: none !important;
	color: #000;
}
.sidenav .accordion-inner a:active {
	font-size: 15px;
	color: #0055B7;
	font-weight: 600;
}
.sidenav .accordion-inner a:focus {
	font-size: 15px;
	color: #0055B7;
	font-weight: 600;
}
.sidenav .accordion-heading a {
	font-size: 15px;
	font-weight: normal;
	color: #002145;
}
.sidenav .accordion-inner a {
	padding-top: 3px;
	padding-bottom: 3px;
}
.sidenav .accordion-group a {
	font-weight: normal;
}
.sidenav .accordion-group a:hover,
.sidenav .accordion-group a:active,
.sidenav .accordion-group a:focus {
	font-weight: bold;
}
.sidenav a.opened {
	font-weight: bold;
}
.sidenav .accordion-group .accordion-heading.subpages-navi-node.opened .link.opened {
	font-weight: bold;
}
.sidenav .accordion-group .accordion-heading.subpages-navi-node.opened .link {
	font-weight: normal;
}
.sidenav .accordion-group .accordion-heading.subpages-navi-node.opened .link:hover {
	font-weight: bold;
}
.sidenav.accordion {
	background-color: #fff;
	border: 1px solid #d7e0e7;
	box-shadow: 0 1px 4px rgba(0,0,0,.065);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
	margin-bottom: 10px;
}
.sidenav .accordion {
	margin-bottom: 0;
}
.sidenav .accordion-group {
	border-bottom: 0 !important;
	margin-bottom: 0;
}
.sidenav .accordion-group:last-child {
	border-bottom: 1px solid #d7e0e7;
}
.sidenav .accordion-group .accordion-group {
	border: 0;
	border-bottom: 1px solid #d7e0e7;
}
.sidenav .accordion-group .accordion-group:last-child {
	border-bottom: 0;
}
.sidenav .accordion-group .accordion-group .link,
.sidenav .accordion-group .accordion-inner > a {
	padding-left: 32px;
}
.sidenav .accordion-group .accordion-group .accordion-inner a {
	padding-left: 48px;
}
.sidenav .accordion-heading.opened a {
	border-bottom-color: transparent;
}
.sidenav .accordion-inner {
	border-top: 0;
	line-height: 24px;
	padding: 0;
}
.sidenav .accordion-heading {
	border-bottom: 1px solid #d7e0e7;
	line-height: 24px;
	position: relative;
}
.sidenav .accordion-heading a .ubc7-arrow {
	vertical-align: text-top;
}
.sidenav .accordion-heading a:focus,
.sidenav .accordion-heading a:active,
.sidenav .accordion-group a:focus {
	background: #fff;
	color: #002145;
}
.sidenav .accordion-heading:hover,
.sidenav .accordion-heading a:hover,
.sidenav .accordion-heading:hover a:focus,
.sidenav .accordion-heading:hover a:active,
.sidenav .accordion-heading:hover .accordion-toggle {
	background: #002145 !important;
}
.sidenav .accordion-heading:hover a {
	color: #fff;
}
.sidenav .accordion-heading:hover > a .ubc7-arrow {
	background-position: -1178px -227px;
}
.sidenav .accordion-heading a,
.sidenav .accordion-inner a {
	color: #002145;
	display: block;
	padding: 8px 16px;
	text-decoration: none;
}
.sidenav .accordion > a:last-child,
.sidenav .accordion-inner > a:last-child {
	border-bottom: 0;
}
.sidenav .accordion-group .accordion-group .accordion-inner > a:last-child {
	border-bottom: 1px solid #d7e0e7;
}
.sidenav .accordion-inner a:hover {
	background: #002145;
	color: #fff;
}
.sidenav .accordion-inner > a .ubc7-arrow {
	float: right;
	margin-right: -4px;
	margin-top: 2px;
}
.sidenav .accordion-inner > a:hover .ubc7-arrow {
	background-position: -1113px -227px;
}
.sidenav .accordion-heading .link {
	border-bottom: 0;
	height: 100%;
	margin-right: 40px;
}
.sidenav .accordion-heading .accordion-toggle {
	border-left: 1px solid #d7e0e7;
	border-bottom: 0;
	height: 100%;
	line-height: 40px;
	padding: 0 12px;
	position: absolute;
	right: 0;
}
.sidenav .opened {
	font-weight: 700;
}
.sidenav .opened .ubc7-arrow {
	background-position: -1207px -261px !important;
}
.sidenav .opened:hover .ubc7-arrow {
	background-position: -1207px -227px !important;
}
.sidenav .accordion-heading .accordion-toggle:hover {
	background: #193056 !important;
}
.sidenav .single {
	border: 1px solid #D7E0E7;
	line-height: 24px;
	padding: 0;
	border-bottom: 0;
	margin-bottom: 0;
}
.sidenav .accordion-inner a {
	border-bottom: 1px solid #D7E0E7;
}
.sidenav .single a {
	color: #002145;
	display: block;
	padding: 8px 16px;
	text-decoration: none;
}
.sidenav .single a:hover {
	background: #002145;
	color: #fff;
}
.sidenav .single > a .ubc7-arrow,
.sidenav .accordion > a .ubc7-arrow {
	float: right;
	margin-right: -4px;
	margin-top: 4px;
}
.sidenav .accordion > a {
	padding-left: 32px;
}
.sidenav .single > a:hover .ubc7-arrow,
.sidenav .accordion > a:hover .ubc7-arrow {
	background-position: -1113px -227px;
}
.sidenav .single > .opened .ubc7-arrow {
	background-position: inherit;
}
.sidenav .opened .right-arrow {
	background-position: -1113px -261px !important;
}
.sidenav .opened:hover .right-arrow {
	background-position: -1113px -227px !important;
}
.accordion .accordion {
	border: 0;
	box-shadow: 0 0 0 rgba(0,0,0,.065);
	-moz-box-shadow: 0 0 0 rgba(0,0,0,.065);
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,.065);
}
.sidenav .collapse {
	visibility: hidden;
}
.sidenav .collapse.in {
	visibility: visible;
}

@media only screen and (max-width: 767px) {
	.widget_subpages_navigation,
	.elementor-widget-olt-subpages-navigation-widget {
		display: none;
	}
}