:root {
    --width-small: 750px;
    --width-med: 950px;
    --width-large: 1150px;
    --width-x-large: 1350px;
}

html {
    width: 100%;
    height: 100vh;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: transparent;
}

body, html {
    padding: 0;
    margin: 0;
    width: 100%;    

    @media (min-width:767px) {
        padding:0;
    }
}
body.edit-mode {background-color: #fff;}


body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none; 
    font-family: var(--font-sansserif);
    font-weight: 400;
    font-size: var(--base-font-size);
    line-height: 1.33333;
    color: var(--body-text-color);
    margin-top: 1em;
}

main .main-content > div.simple-content {
    padding-bottom: 4em;
}


.linkcollectionblock >  h2:first-child,
.linkcollectionblock > .description > p:first-child {
    margin-top: 0;
}
.linkcollectionblock > .description {
    margin-bottom: 1em;
}

.simple-content-collection .list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    gap: 2em;
}
    .simple-content-collection.border-right .list {
        gap: 2rem 0;
    }
.related-links > h2,
.simple-content-collection > h2 {
    margin-bottom: 0;
}
main#main, 
footer .grid-container, 
body.edit-mode footer > div  {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: auto;
	gap: 0 2em;
}
@media(min-width: 1024px) {
    main#main, 
    footer .grid-container{
	
    }
}
@media(max-width: 767px) {
	main#main, 
	footer .grid-container, 
	body.edit-mode footer > div  {
		grid-template-columns: .5rem repeat(10, 1fr) .5rem;
		gap: 0;
	}
    
    
    form .search-input.input-field {
      padding-left: 1em;
    }
}
body.edit-mode .grid-container > div, body.edit-mode .grid-container > div > .block, body.edit-mode .grid-container > div > .block > section, body.edit-mode .grid-container > div > .block > section > .sectionblock-grid, .grid-container > .block, .grid-container > .block > section, .grid-container > .block > section > .sectionblock-grid {
	display: grid;
    grid-template-columns: subgrid;
    grid-template-rows: max-content;
    column-gap: inherit;
    row-gap: 1em;
}

body.edit-mode main > div > section, body.edit-mode main > div, body.edit-mode .grid-container > div, body.edit-mode .grid-container > div > .block, body.edit-mode .grid-container > div > .block.sectionblock > section > .sectionblock-grid, main > section, .grid-container > .block, .grid-container > .block.sectionblock > section > .sectionblock-grid {
    grid-column: 1 / 13;
}

.grid-container > .standard-width,
.grid-container > .block > * {
    grid-column: 2 / 12;
}
.grid-container > .block.sectionblock > section,
.grid-container > .block.linkcollectionblock > section,
.grid-container > .block.medialistingblock > section {
    grid-column: 1 / 13;
}
.grid-container > .block.sectionblock > section>*,
.grid-container > .block.linkcollectionblock > section > *,
.grid-container > .block.medialistingblock > section > * {
    grid-column: 2 / 12;
}

#main .main-content-aside > aside.aside-area {
  grid-column: 2/4;
  grid-row: 1/2;
  width: 100%;
  padding-top: 2em;
  position: relative;
  z-index: 1; 
}

#main .main-content-aside > aside + .main-content {
  grid-column: 4 / 12;
  grid-row: 1 / 2; 
}

.block.border {
    border: 1px solid var(--border);
    padding: 1.5rem;
}
.block.bg-color {
	padding: 2em 0;
}
.block.bg-color.no-padding,
.block.no-padding {
    padding: 0;
}

    .block.bg-color.darkest .basic
    .block.bg-color.brand .basic {
        color: var(--lightest);
    }
    
    .block.bg-color.brand .basic *:not(.bttn):not(.heading-bar):not(.btn__text):not(.btn__text .fa),
    .block.bg-color.darkest .basic *:not(.bttn):not(.heading-bar):not(.btn__text):not(.btn__text .fa) {
    color: var(--lightest);
    }
    .bg-color.brand .block.border,
    .block.border.bg-color.brand,
    .bg-color.darkest .block.border,
    .block.border.bg-color.darkest {
        border: 1px solid var(--lightest)
    }

.main.grid-container > aside {
	grid-column: 2 / 4;
    grid-row: 1 / 2;
    position: relative;
    width: 100%;
    padding-top: 2em;
    z-index: 1;
}


.main.grid-container > .main-content {
	/*grid-column: 4/12;*/
    grid-column: 3 / 12;
    grid-row: 1 / 2;
}

@media (max-width:766px) {
.main.grid-container > .main-content {
    grid-row: 2 / 3;
}
}
@media (min-width:1404px) {
    .grid-container > .block.theme-width > * {
        grid-column: 3 / 11;
    }
}

main .main-content > h1:first-child + .block { padding-top:0;}

.basic h2,
.basic h3 {
    margin: 0 0 .75rem 0;
}

ol.breadcrumb {
    margin-top: 0;
    padding-left: 0;
}

.imagelayoutblock figure {
    margin: 0 0 0 0;
}

ol.breadcrumb li {
  display: inline;
  font-size: 1rem;
}
.breadcrumb li+li:before {
  color: black;
  content: "/\00a0";
  padding-left: .35em;

}
.breadcrumb li a:hover {
  text-decoration: underline;
}

.imagelayoutblock figure {
    display: inline-grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    gap: 1em 2em;
}

.imagelayoutblock figcaption {
    width: 0;
    min-width: 100%;
}

.mainnavbar > nav > ul {
    margin: 0;
    padding:0;
}

.mainnavbar > nav > ul button {
    border: 0;
    background: unset;
}
.mainnavbar li a,
.mainnavbar button {
	min-height: 24px;
	display: inline-block;
}
.mainnavbar li a + ul,
.mainnavbar button + ul {
	padding-top: .25rem;
}

.pagelistingblock > h2,
.pagelistingblock > div {
	grid-column: 2 / 12;
}


/* featured-items */
.pagelistingblock-categories ul.list,
main .main-content ul.featured-items {
	margin:0;
	padding:0;
	list-style:none;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.5em 2em;
	margin-bottom: 3em
}
.pagelistingblock-categories ul.list h3.page-title,
main .main-content ul.featured-items > li > h3 {
	color: var(--accent1);
	margin-top: 0;
	margin-bottom: .5em;
}
.pagelistingblock-categories ul.list h3.page-title + div > p:first-child,
main .main-content ul.featured-items h3 + div > p:first-child {
	margin-top: 0;
}
.pagelistingblock-categories ul.list h3.page-title a,
main .main-content ul.featured-items h3 a {
	text-decoration:none;
	color: var(--accent1);
}
.pagelistingblock-categories ul.list h3.page-title a:focus,
.pagelistingblock-categories ul.list h3.page-title a:hover,
.pagelistingblock-categories ul.list h3.page-title a:active,
main .main-content ul.featured-items h3 a:focus,
main .main-content ul.featured-items h3 a:hover,
main .main-content ul.featured-items h3 a:active {
	text-decoration:underline;
}

body main .grid-container, 
body main > section, 
body main.newscontentpage > section > .main-content, 
.main.grid-container > .main-content, 
main .main-content > div.simple-content,
body.edit-mode main .main-content > div.simple-content > div,
 main .main-content > div.simple-content > .mceTmp1 {
    display: grid;
    grid-template-columns: subgrid;
    grid-template-rows: max-content;
}
main > section > * {
    grid-column: 1 / 11;
}

@media(max-width: 766px) {
	main#main > section > .aside-area > *,
	main#main > section > .aside-area > *, 
	main#main > section > .main-content > *:not(.basiccontentblock-mask):not(.bg-color):not(.bg-color-card) {
	   padding-left: 1rem;
	   padding-right: 1rem;
	}
} 
@media(min-width: 767px) {
	.main.grid-container > aside + .main-content {
		grid-column: 3 / 12;
		grid-row: 1 / 2;
	}
}


main .main-content > h1:first-child,
main .main-content > .date-posted,
main .main-content > div.simple-content,
.main.grid-container > .main-content,
main .main > aside + .main-content > * {
    grid-column: 2 / 12;
}
@media(max-width: 766px) {
	.main.grid-container > aside,
	main .main-content > h1:first-child,
	main .main-content > div.simple-content,
	.main.grid-container > .main-content,
	main .main > aside + .main-content > *,
	.main.grid-container > aside + .main-content {
    grid-column: 1 / 13;
	}
}
body.edit-mode main .main-content > div.simple-content > div > *,
main .main-content > div.simple-content > * {    
    grid-column: 1 / 12;
}


/*figures*/
.mceTmp1 {
    display: inline-block;
}
.mceTmp1 > figure:not(.pull-quote) {
  border: 0;
  padding: 0;
  border-radius: 8px;
	display: table;
	margin: 0 0 1.5rem 0;
}
.mceTmp1 > figure {
  border: 1px solid var(--figures);
  padding: 1rem;
  border-radius: 8px;
}
.mceTmp1 > figure > img {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  /* width: 100%; */
  display:  block;
}
.mceTmp1 > figure:not(.pull-quote) > figcaption {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  /* display: inline-block; */
  display: table-caption;
  caption-side: bottom;
}
.mceTmp1 > figure > figcaption {
  display: inline-block; 

}
.mceTmp1 figure:not(.pull-quote) figcaption,
.mceTmp1 > .pull-quote {
    background: rgb(from var(--figures) r g b / 0.2);
}
.mceTmp1 > figure.pull-quote {
    grid-column: 2 / 7;
}
.mceTmp1 figure.pull-quote {
    padding: 2rem 1rem 0 1rem;
    border-radius: 10px;
}
.mceTmp1 figure.pull-quote blockquote {
	margin-bottom: 1rem;
}
.mceTmp1 figure figcaption {
    padding: 1rem;
}
.mceTmp1 figure.pull-quote figcaption {
    padding: 0 1rem 2rem 1rem;
}


.mceTmp1 figure.pull-quote blockquote h1,
.mceTmp1 figure.pull-quote blockquote h2,
.mceTmp1 figure.pull-quote blockquote h3,
.mceTmp1 figure.pull-quote blockquote h4,
.mceTmp1 figure.pull-quote blockquote h5,
.mceTmp1 figure.pull-quote blockquote h6 {
	margin-top: 0;
}

.mceTmp1 figure.pull-quote blockquote p,
.mceTmp1 figure.pull-quote figcaption {
	font-size: 1.45rem;
}
.mceTmp1 figure.pull-quote figcaption {
	font-weight: 500;
}

main.newscontentpage > section > .main-content > .block {
    grid-column: 1 / 13;
}
main.newscontentpage > section > .main-content > .page-img {
	grid-column: 8/12;
	grid-row: 3/4;
	margin: 2em 0;
}
main.newscontentpage > section > .main-content > .page-img + .block-container {
    grid-column: 2 / 8;
	grid-row: 3/4;
}


ul {
    &.list {
        list-style: none;
        margin-left:0;
        padding-left:0;
    }
    &.col-2 {
        display: grid;
    grid-template-columns: repeat(2,50%);
    grid-template-rows: auto;
    gap: 1em 1em;

        li {
            &:nth-child(odd) {
                grid-column: 1/2;
            }
            &:nth-child(even) {
                grid-column: 2/3;
            }
        }
    }
    
}

/*page menu*/
.main-content-aside > aside.aside-area {
	grid-column: 2/4;
	grid-row: 1/2;
	width: 100%;
	padding-top: 2em;
	position: relative;
    z-index: 1;
}

.main-content-aside > aside.aside-area label {
	font-size: 1.3em;
	font-weight: 700;
	padding-bottom: .6em;
	display: inline-block;
}
.main-content-aside > aside.aside-area label a {
	text-decoration: none;
}
.main-content-aside > aside.aside-area label a:hover,
.main-content-aside > aside.aside-area label a:focus,
.main-content-aside > aside.aside-area label a:active {
	text-decoration: underline;
}

.main-content-aside > aside.aside-area ul.aside-menu-root {
	margin: 0px;
	list-style: none;
	padding: 0 0 2em 0;
	font-weight: 600;
	color: var(--text-color);
}

.main-content-aside > aside.aside-area label > button > span,
.main-content-aside > aside.aside-area ul.aside-menu-root button > span {
	position: absolute;
	left: -9999px;
}



@media(min-width: 767px) {
	.main-content-aside > aside.aside-area ul.aside-menu-root li.active-page > a {
		background-color: color-mix(in srgb, var(--brand-color), transparent 80%);
		color: var(--text-color)
	}

	.main-content-aside > aside.aside-area label {
		position: absolute;
		left: 9999px;
	}
	aside.aside-area label button,
	aside.aside-area li button  {
		display:none;
	}
	.main-content-aside > aside.aside-area ul.aside-menu-root li.active-page-parent,
		.main-content-aside > aside.aside-area ul.aside-menu-root li.active-page-ancestor  {
		background-color: var(--brand-light-50p);
		color: var(--text-color)
	}
		.main-content-aside > aside.aside-area ul.aside-menu-root li ul  {
			display: none;
		}
		.main-content-aside > aside.aside-area ul.aside-menu-root li.active-page > ul,
		.main-content-aside > aside.aside-area ul.aside-menu-root li.active-page-parent > ul,
		.main-content-aside > aside.aside-area ul.aside-menu-root li.active-page-ancestor > ul  {
			display: block;
		}

	.main-content-aside > aside.aside-area ul.aside-menu-root li ul {
		list-style: none;
		padding: 0 0 0 1.5em;
	}

		.main-content-aside > aside.aside-area ul.aside-menu-root li ul > li > a {
			border-bottom: 1px dashed ar(--img-border);
			padding: .5em .85em;
			font-weight: 400;
		}

	.main-content-aside > aside.aside-area ul.aside-menu-root li a {
		border-bottom: 1px solid var(--img-border);
		padding: .5em .85em;
		display: block;
		color: inherit;
		text-decoration: none;
		min-height:46px;
		align-content:center;
	}
    .main-content-aside-content-aside {
        grid-template-columns: minmax(auto, 25%) 1fr;
        column-gap: 2em
    }

        .main-content-aside-content-aside.top-padding {
            padding: 50px 0 100px
        }

        .main-content-aside-content-aside .aside-area {
            width: 100%;
            grid-row: 1/2
        }

            .main-content-aside-content-aside .aside-area .aside-menu-root {
                position: relative
            }

        .main-content-aside-content-aside .main-content-aside-content {
            grid-column: 2/3
        }
}

@media(max-width: 766px) {
	.main-content-aside > aside.aside-area {
		grid-column: 2/12;
	}
	aside.aside-area label svg,
	aside.aside-area li svg {
		transform: scale(1.2);
		width: 20px;
		transition: all 0.2s ease;
		margin-left: .5rem;
	}
	aside.aside-area label button,
	aside.aside-area li button  {
		width: 50px;
		height: 40px;
		border:0;
		background-color: transparent;
		text-align: left;
	}
	
	aside.aside-area label button:hover,
	aside.aside-area label button:active,
	aside.aside-area label button:focus,
	aside.aside-area li button:hover,
	aside.aside-area li button:active,
	aside.aside-area li button:focus  {
		background: rgb(from var(--accent1) r g b / 0.1);
	}

	.main-content-aside > aside.aside-area ul.aside-menu-root li.active-page {
		background: rgb(from var(--accent1) r g b / 0.1);
	}

	.main-content-aside > aside.aside-area ul.aside-menu-root li.active-page ul {
		background: var(--lightest);
	}
	aside.aside-area li,
	aside.aside-area li > a,
	aside.aside-area li > button > svg {
		color: var(--brand);      
		fill: currentColor;
	}
	
	aside.aside-area label a,
	aside.aside-area label button > svg,
	aside.aside-area li.active-page > button > svg,
	.main-content-aside > aside.aside-area ul.aside-menu-root li.active-page > a {
		color: var(--accent1)
	}
	aside.aside-area label > button > svg,
	aside.aside-area li.active-page-parent > button > svg,
	aside.aside-area li.active-page-ancestor > button > svg,
	.main-content-aside > aside.aside-area ul.aside-menu-root li.active-page-parent > a,
	.main-content-aside > aside.aside-area ul.aside-menu-root li.active-page-ancestor > a  {
		color: var(--accent1);        
		fill: currentColor;
	}
	
	aside.aside-area label.open > button > svg,
	aside.aside-area li.open > button > svg {
		transform: rotate(180deg);
		margin-bottom: 2px;
	}

	.main-content-aside > aside.aside-area ul.aside-menu-root li ul {
		list-style: none;
		padding: 0 0 0 1.5em;
	}
		.main-content-aside > aside.aside-area ul.aside-menu-root li ul > li > a {
			padding: .5em .85em;
			font-weight: 400;
		}
	.main-content-aside > aside.aside-area ul  {
		border-top: 1px solid var(--img-border);
	}
	.main-content-aside > aside.aside-area ul.aside-menu-root li:not(:last-child)  {
		border-bottom: 1px solid var(--img-border);
	}

	.main-content-aside > aside.aside-area ul.aside-menu-root li a {
		padding: .5em .85em;
		display: inline-block;
		text-decoration: none;
		min-height:46px;
		align-content:center;
	}
	.main-content-aside > aside.aside-area ul.aside-menu-root,
	.main-content-aside > aside.aside-area ul.aside-menu-root li ul  {
		display: none;
	}
	.main-content-aside > aside.aside-area ul.aside-menu-root.open ,
	.main-content-aside > aside.aside-area ul.aside-menu-root li.open > ul {
		display: block;
	}
} 

.list-search-container {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
	gap: 1rem 1rem;
	margin-bottom: 1rem;
}
.list-search-container label {
	font-size: 1.2rem;
	font-weight: 700;
}
.list-search-container input {
	border: 1px solid var(--border);
	border-radius: 6px;
	padding: 4px 10px;
}