: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;
}

.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;
}


/* 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.edit-mode main > section > .grid-container > div.standard-width {
    display: block;
}


/*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 .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}

body:not(.homepage) header h1 {text-align: center;}
body:not(.homepage) header h1,
body:not(.homepage) main#main h2,
body:not(.homepage) main#main h3 {
    margin-top:0;
}
body:not(.homepage) main#main .main-content>.block {
    padding: 0 0 2em 0;
}

 body.edit-mode .grid-container > div > .block > section > .sectionblock-grid, 
.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;
}
.block.sectionblock > section > .sectionblock-grid, 
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 > div > .block.sectionblock > section {
    grid-column: 1 / 13;
}


.grid-container > .block.sectionblock > section > * {
    grid-column: 2 / 12;
}