: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);
    min-width: 320px;
    max-width: 100%;
}
body .sr-only {
    position: absolute;
    left: -9999px;
}

body.nav-open {
    overflow: hidden;
} 

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  {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: auto;
	gap: 0 2em;
}
.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;
}

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

.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.grid-container > aside {
	grid-column: 2 / 4;
    grid-row: 1 / 2;
    position: relative;
    z-index:10;
}
.main.grid-container > .main-content {
	/*grid-column: 4/12;*/
    grid-column: 3 / 12;
    grid-row: 1 / 2;
}

@media (min-width:767px) {

}
@media (min-width:1024px) {

}

main .main-content > h1:first-child + .block:not(.bg-color) { 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;
}


/*NCWS custom*/
@media (min-width: 480px) {
.ncws main#main.homepage, .ncws main.homepage .grid-container, .ncws main.homepage .grid-container > .block,
.ncws main.homepage > .hero {
    display: grid;
    grid-template-columns: 2em repeat(10, 1fr) 2em;
    grid-template-rows: auto;
    gap: 0 1em;
}
.ncws .site-header.homepage {
    grid-template-columns: 2em repeat(9, 1fr) 2em 4em;
    gap: 0 1em;
}
}
/* 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,
 main .main-content > div.simple-content > .mceTmp1 {
    display: grid;
    grid-template-columns: subgrid;
    grid-template-rows: max-content;
}
main > section > * {
    grid-column: 1 / 13;
}
.main.grid-container > aside + .main-content {
    grid-column: 3 / 12;
    grid-row: 1 / 2;
}

main .main-content > h1:first-child,
main .main-content > .standard-width,
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;
}

main .main-content > div.simple-content > * {    
    grid-column: 1 / 11;
}


/*figures*/
.mceTmp1 {
    display: inline-block;
}
.mceTmp1 > figure {
  border: 1px solid var(--figures);
  padding: 1rem;
}
.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;
}
.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.15rem;
}
.mceTmp1 figure.pull-quote figcaption {
	font-weight: 500;
}

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

.line-clamp.line-clamp-teaser {
  -webkit-line-clamp: 3;
}
.line-clamp {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
} 

main .main-content > .block.padding-top-none { padding-top: 0}
main .main-content > .block.padding-none { padding: 0}
.block.listing.padding-top-none > h2:first-of-type  { margin-top: 0}

.toc #toc h2 {font-size: 1.75rem;}
.toc #toc ul {
	    width: 100%;
	    column-gap: 2.5rem;
        margin-left: 0;
        padding-left: 1rem;
	}
    @media(min-width: 768px) {
        .toc #toc ul {
            -webkit-column-count: 3;
            -moz-column-count: 3;
            column-count: 3;} 
    }
    @media(min-width: 500px) and (max-width: 767px){
        .toc #toc ul {
            -webkit-column-count: 2;
            -moz-column-count: 2;
            column-count: 2; }
    }

.ct-drawer-canvas {
    position: fixed;
    z-index: 100;
    bottom: 2rem;
    right: 2rem;
    height: 50px;
    width: 50px;
} 
.ct-drawer-canvas.show a.ct-back-to-top {
    opacity: 1;
    transition: all 1s;
}
.ct-drawer-canvas.hide a.ct-back-to-top {
    opacity: 0;
    transition: all 1s;

}
a.ct-back-to-top {
	border-radius: 50%;
	background-color: var(--brand-color);
	border: 2px solid #fff;
	color: white;
    height:40px;
    width: 40px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
    box-shadow: rgba(0, 0, 0, 0.65) 0px 5px 15px;
}
a.ct-back-to-top svg {
	color: white;
	justify-self: center;
	align-self: center;
}
a.ct-back-to-top:hover, a.ct-back-to-top:active, a.ct-back-to-top:focus {
    transition: transform .2s ease;
	border: 1px solid #000;
	background-color: #fff;
	
	svg {
		color: #000;
	}