/***
 * Sidebar
 */

.sidebar {
	padding-block: 2em 3em;
	margin-top: 2em;
	position: relative;
	clear: both;

	ul.widget_list_wrap {
		margin-left: 0;
		max-width: min(100%, 640px);

		li {
			list-style-type: none;
		}

		/* this is the "edit content" link */
		& > p {
			position: absolute;
			top: 1em;
			right: 1em;

			a {
				color: hsl(200, 24%, 58%);
			}

			@media(max-width: 800px) {
				display: none;
			}
		}
	}

	&::before {
		--width: 66%;
		content: '';
		position: absolute;
		top: 0;
		// this centers the line
		//left: calc((100% - var(--width)) / 2);
		//left: 0;
		width: var(--width);
		height: 4px;
		background: hsl(200, 35%, 93%);
	}

	@media(max-width: 1024px) {
		padding-inline: 2%;
	}

	p, h3 {
		color: hsla(0, 0%, 30%, 1.0);
	}

	.wp-caption {
		border-radius: 5px 5px 5px 5px;
	}

	.wp-caption img {
		border-radius: 5px 5px 0 0;
	}

	h2, h3, h4, h5 {
		color: #444;
		}
	h2 a, h3 a, h4 a, h5 a {
		border-bottom: none;
	}

	h2 {
		font-size: 1.5em;
	}
	h3 {
		font-size: 1.4em;
	}
	h5 {
		font-size: 1.3em;
	}
	h6 {
		font-size: 1.1em;
		line-height: 1.33em;
		margin: 3px 0;
	}

	.textwidget {
		line-height: 1.5em;
	}

	iframe{
		max-width: 100%;
	}
	img {
		max-width: 100%;
		height: auto;
	}

	.wp-caption img { border-radius: 5px 5px 0 0; }
}

/* Start: Custom Menu Widget Styling */
.widget_nav_menu .widgettitle,
.flexipages_widget .widgettitle,
.widget_advanced_menu .widgettitle,
.widget_nav_menu .widgettitle
{
	font-family: var(--fontSansSerif), Arial, sans-serif;
	font-weight:700;
	letter-spacing:0;
  margin-top:.4em;
  background-color:transparent;
  color:#981328;
  padding:0;
  margin-bottom:0;

  @media(min-width:800px) {
  	font-size:1.3em;
  	margin-bottom:.6em;
  }
}


.widget_nav_menu {
	padding: 12px 5px 15px 20px;
	background: var(--colorGray_light);
	border-top: 4px solid var(--colorGray);
	line-height: 1.4em;
	margin:1em 0;

	ul.menu a {
		display: inline-block;
		padding-block: 10px;
	}

	@media(min-width: 800px) {
		ul.menu li a {
			padding-block: 3px;
		}
	}

	@media(min-width: 1400px) {
		padding:2em 1.6em 1em 2em;
	}

	@media(min-width:1600px){
		padding:1.5em .5em 1.5em 1.5em;
	}
}


#page.site , .sidebar {
	.menu {
		margin-left:0;

		ul {
			margin-left:1em;
		}
	}
	.menu, .flexipages_widget ul
	{
		z-index: 5;
		line-height: 1.4em;
		font-weight: 400;
		font-size: .9em;
	}

	.flexipages_widget ul ul {
		padding: 0px 8px 0px 0px;
		margin: 0px 0px 0px 0px;
	}

	.flexipages_widget li {
		padding: 5px 0 4px 15px;
		width: 175px;
	}

	.current-menu-item > a {
		font-weight: 800;
		color: #000;
		border-bottom: 0;
		pointer-events: none;
	}

	.sidepage p {
		line-height: 1.5em;
		margin: 16px 0;
	}

	li li {
		list-style-type: disc;
	}

	.widget_nav_menu li,
	.widget_advanced_menu li,
	.flexipages_widget li {
		list-style-type: none;
	}
}

#menu-popular-pages {
	ul li {
		list-style-type: disc;
		color: #AAA;
	}

	ul li:last-child {
		margin-bottom:8px;
	}
}


:is( #page.site,
	.sidebar,
	.table-of-contents
) .highlight-box {
	background-color: var(--colorGray_light);
	border: none;
	border-top: 4px solid var(--colorGray);
	padding: 1em;
}

aside.table-of-contents {
	li a {
		display: block;
		margin-block: .7em;
		line-height: 1.25;
	}

	@media( min-width: 800px) {
		width: 33%;
		box-sizing: border-box;
		float: right;
		margin: var(--padding-content-top) 1% 0 0;
		padding-top: 0;
		padding-left: 2%;
		border: 0;
		clear: none;
	}

	@media(min-width:1400px) {
		width: 28%;
		margin-right: 1em;
	}
}