:root {
	--content-background-color: #fff;
	--background-color: #fff;
	--text-color: #333;
	--secondary-color: #060;
	--tertiary-color: #000;
	--outline-color: rgba(0, 0, 0, 0.2);
	--dim-color: rgba(0, 0, 0, 0.06);
	--text-small: 0.777777777777778em;
	--text-dim-color: #999;
	--highlight-color: #ff0;
}

/**
 * @file
 * Subtheme specific CSS.
 */

html, body {
	margin: 0;
	overflow: hidden;
}

body {
	font-size: 1.125em;
	line-height: 1.5em;
	text-rendering:optimizeLegibility;

}


html, body, .dialog-off-canvas-main-canvas {  height: 100%; }

/* .dialog-off-canvas-main-canvas { height: 100%; } */

.layout-container {
  margin: 0;
  height: 100%;
  display: grid;
  column-gap: 0;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  grid-template-areas: "header" "main";
}


header[role=banner] { grid-area: header; position: relative; z-index: 2; }

nav.menu { 
	grid-area: auto; 
	grid-column: 1 / 1; 
	grid-row: 1 / 1; 
	overflow-y: auto;
	overflow-y: hidden;
}

.region-menu { padding: 5px 10px; }

main {
	grid-area: main;
	overflow: auto;
	display: grid;
	column-gap: 0;
	grid-template-rows: auto auto 1fr auto auto auto;
	grid-template-areas: "featured" "content" "sidebar1" "sidebar2" "postscript" "footer";
	z-index: 1;
}

.layout-container > main > .layout-content {
    grid-area: content;
	width: 100%;
}

.layout-sidebar-first { grid-area: sidebar1; }
.layout-sidebar-second { grid-area: sidebar2; }
.layout-postscript { grid-area: postscript; }
div.featured { grid-area: featured; }
footer { grid-area: footer }

.region-header { padding: 5px 45px 5px 10px; }
.region-content, .region-footer, .region-postscript { padding: 20px 10px; }
.region-sidebar-second { padding: 20px 10px 0 10px; line-height: 1.2em; }
.region-content:after, .region-header:after {
	display: table;
	clear: both;
	content: "";
	}

.layout-sidebar-second .block:not(:last-child) { margin-bottom: 2em; }
.layout-content .block { margin-bottom: 1em; }

header[role=banner] #block-accessibilitytoolbar, 
header[role=banner] .search-block-form {
	position: absolute;
	text-align: right; 
	top: 5px; 
	z-index: 10; 
}

header[role=banner] #block-accessibilitytoolbar { right: 5em; }
header[role=banner] .search-block-form { right: 2.5em; }

header[role=banner] #block-accessibilitytoolbar button { padding: 2px 6px; }
header[role=banner] #block-accessibilitytoolbar .accessibility--controls { font-size: 0.88888888em; }

header[role=banner] .collapsiblock, 
header[role=banner] .collapsiblockTitle, 
.sf-accordion-toggle {
 display: block;
 background-image: none;
 line-height: 1em;
 font-size: 1rem;
}

header[role=banner] .collapsiblock A,
header[role=banner] .collapsiblockTitle BUTTON, 
#superfish-main-toggle {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 1.75em;
	height: 1.75em;
	-webkit-mask-size: 70%;
	mask-size: 70%;
	padding: 5px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	mask-position: center;
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
}

header[role=banner] .collapsiblock A,
#superfish-main-toggle {
	background-color: #fff;
}

header[role=banner] .collapsiblock A > H2,
header[role=banner] .collapsiblockTitle BUTTON H2,
#superfish-main-toggle span {
	position: absolute;
	top: 2em;
	left: -999em;
	transform: translateX(-50%);
}

header[role=banner] .collapsiblock:not(.collapsiblockCollapsed) A,
header[role=banner] .collapsiblockTitle:not(.collapsiblockTitleCollapsed) BUTTON, #superfish-main-toggle.sf-expanded {
	-webkit-mask-image: none !important;
	mask-image: none !important;
	background-size: 75%;
	background-position-x: center; 
	background-position-y: 7px; 
	background-repeat: no-repeat;
	padding-bottom: 10px;
}

#block-accessibilitytoolbar .collapsiblock A {
	-webkit-mask-image: url(../images/accessibility.svg);
	mask-image: url(../images/accessibility.svg);
}

header[role=banner] #block-accessibilitytoolbar .collapsiblock:not(.collapsiblockCollapsed) A {
	background-image: url(../images/accessibility.svg);
}

.search-block-form .collapsiblock A { /* Old Module */
	-webkit-mask-image: url(../images/search.svg);
	mask-image: url(../images/search.svg);
}

.search-block-form .collapsiblockTitle BUTTON {
	-webkit-mask-image: url(../images/search.svg);
	mask-image: url(../images/search.svg);
	font-size: 21.72px;
}

header[role=banner] .search-block-form .collapsiblock:not(.collapsiblockCollapsed) A,
header[role=banner] .search-block-form .collapsiblockTitle:not(.collapsiblockTitleCollapsed) BUTTON {
	background-image: url(../images/search.svg);
}

#superfish-main-toggle {
	-webkit-mask-image: url(/core/misc/icons/ffffff/hamburger.svg);
	mask-image: url(/core/misc/icons/ffffff/hamburger.svg);
	-webkit-mask-size: 60%;
	mask-size: 60%;
}

#superfish-main-toggle.sf-expanded {
  background-image: url(/core/misc/icons/ffffff/hamburger.svg);
  background-size: 60%;
}


header[role=banner] #search-block-form, header[role=banner] .accessibility--controls { padding: 0 10px; }

.layout-content-wrapper { grid-column: 1 / -1; grid-row: 2 / 3; }
.layout-postscript-wrapper { grid-column: 1 / -1; grid-row: 3 / span 1; }

.site-name A { display: block; }

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


@media (min-width: 768px), print {
  html, body { overflow: visible; }
  nav.menu { grid-area: menu; overflow-y: visible; padding: 0; }
  .layout-container {
    grid-template-rows: auto auto 1fr;
    grid-template-areas: "header" "menu" "main";
  }
  main {
	overflow: visible;
	grid-template-rows: auto 1fr auto auto auto;
    grid-template-columns:
      calc( 50% - 360px )
      720px
      calc( 50% - 360px );
    grid-template-areas:
     "featured featured featured"
      ". content ."
      ". sidebar1 ."
      ". sidebar2 ."
      ". postscript ."
      "footer footer footer";
  }
  
	.sidebars-first main, .sidebars-both main {
	grid-template-columns:
      calc( 50% - 360px )
      180px 540px
      calc( 50% - 360px );
    grid-template-areas:
     "featured featured featured featured"
      ". sidebar1 content ."
      ". sidebar2 sidebar2 ."
      ". postscript postscript ."
      "footer footer footer footer";
  }

	.region-header, .region-footer { padding: 20px; width: 680px; margin: 0 auto; }
	.region-menu {
		padding: 0 20px; 
		width: 680px; 
		margin: 0 auto;
	}
	#block-mainnavigation, .region-menu {
		display: table;
		clear: both;
		content: "";
		z-index: 10;
	}
	.region-content, .region-footer, .region-sidebar-second { padding: 20px; }
	#block-accessibilitytoolbar { clear: right; float: right; text-align: right; }

	header[role=banner] #search-block-form, 
	header[role=banner] .accessibility--controls { padding: 0; display: block; }
	
	header[role=banner] #block-accessibilitytoolbar, 
	header[role=banner] .search-block-form {
		position: static;
		top: 0;
		right: 0;
		}
	header[role=banner] #search-block-form, .accessibility--controls { display: block !important; }
	header[role=banner] .collapsiblock { display: none; }
	header[role=banner] UL.menu { font-size: 0.833333333333333em; }
}


@media (min-width: 992px) {
  main {
   grid-template-columns:
      calc( 50% - 480px )
      480px 480px
      calc( 50% - 480px );
   grid-template-areas:
     "featured featured featured featured"
      ". content content ."
      ". postscript postscript ."
      "footer footer footer footer";
   }

  .sidebars-first main, .sidebars-both main {
   grid-template-columns:
      calc( 50% - 480px )
      240px 720px
      calc( 50% - 480px );
    grid-template-areas:
     "featured featured featured featured"
      ". sidebar1 content ."
      ". sidebar2 sidebar2 ."
      ". postscript postscript ."
      "footer footer footer footer";
  }

  .sidebars-second main {
   grid-template-columns:
      calc( 50% - 480px )
      720px 240px
    calc( 50% - 480px );
    grid-template-areas:
     "featured featured featured featured"
      ". content sidebar2 ."
      ". postscript postscript ."
      "footer footer footer footer";
  }
  .region-header, .region-menu, .region-footer { width: 920px; }
}


@media (min-width: 1200px) {
  main {
    grid-template-columns:
      calc( 50% - 570px )
	  285px 570px 285px
      calc( 50% - 570px );
    grid-template-areas:
     "featured featured featured featured featured"
      ". content content content ."
      ". postscript postscript postscript ."
      "footer footer footer footer footer";
  }
  .sidebars-first main {
    grid-template-columns:
      calc( 50% - 570px )
	  285px 570px 285px
      calc( 50% - 570px );
    grid-template-areas:
     "featured featured featured featured featured"
      ". sidebar1 content content ."
      ". postscript postscript postscript ."
      "footer footer footer footer footer";
  }
  .sidebars-second main {
    grid-template-columns:
      calc( 50% - 570px )
	  285px 570px 285px
      calc( 50% - 570px );
    grid-template-areas:
     "featured featured featured featured featured"
      ". content content sidebar2 ."
      ". postscript postscript postscript ."
      "footer footer footer footer footer";
  }
  .sidebars-both main {
    grid-template-columns:
      calc( 50% - 570px )
	  285px 570px 285px
      calc( 50% - 570px );
    grid-template-areas:
      "featured featured featured featured featured"
      ". sidebar1 content sidebar2 ."
      ". postscript postscript postscript ."
      "footer footer footer footer footer";
  }
	.region-header, .region-menu, .region-featured, .region-footer { width: 1100px; margin: 0 auto; }
	.region-content, .region-second-sidebar, .region-postscript { padding: 30px; }
}

@media (min-width: 1400px) {
  main {
    grid-template-columns:
      calc( 50% - 660px )
      330px 660px 330px
      calc( 50% - 660px );
  }
  .sidebars-first main {
    grid-template-columns:
      calc( 50% - 660px )
      330px 660px 330px
      calc( 50% - 660px );
    grid-template-areas:
     "featured featured featured featured featured"
      ". sidebar1 content content ."
      ". postscript postscript postscript ."
      "footer footer footer footer footer";
  }
  .sidebars-second main {
    grid-template-columns:
      calc( 50% - 660px )
      330px 660px 330px
      calc( 50% - 660px );
    grid-template-areas:
     "featured featured featured featured featured"
      ". content content sidebar2 ."
      ". postscript postscript postscript ."
      "footer footer footer footer footer";
  }
  .sidebars-both main {
    grid-template-columns:
      calc( 50% - 660px )
      330px 660px 330px
      calc( 50% - 660px );
    grid-template-areas:
     "featured featured featured featured featured"
      ". sidebar1 content sidebar2 ."
      ". postscript postscript postscript ."
      "footer footer footer footer footer";
  }
  .region-header, .region-menu, .region-featured, .region-footer { width: 1280px; }
}


main .featured IMG { display: block; }
main .featured .field { margin: 0; }


/** Social Media **/
header[role=banner] .block-social .field A { margin-left: 1em; display: inline-block; }
.layout-sidebar-first .block-social { text-align: center; }
.layout-sidebar-first .block-social .field A,
footer .block-social .field A { margin: 0 .5em; display: inline-block; vertical-align: middle; }
.block-social .field__item A IMG { width: 42px; height: 42px; transition: 0.1s; }
.block-social .field__item A:hover IMG { transform: scale(1.166666666666667); }


/** UI fixes **/

.system-modules details { white-space: normal; }
/* .cke_reset { width: 100% !important; } */
button.link { border: none; }

.project-update__compatibility-details details { border: 0; margin: 0; }
.menu-item--expanded { list-style-type: disc; list-style-image: none; }

.editor-link-dialog .ui-dialog-content { overflow: visible; }
@media (min-width: 992px) { time { white-space: nowrap; } }
.webform-dropbutton .dropbutton-wrapper .dropbutton-widget { background-color: #fff; }
.filter-guidelines { clear: left;  }
.filter-guidelines .filter-guidelines-item { margin-top: 0; }

#edit-delete::before {
	content: "";
	background-image: url("data:image/svg+xml,%3csvg height='16' width='16' fill='%23d72222' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.9 2.9c-.1-.4-.2-.6-.2-.6-.1-.4-.4-.4-.8-.5l-2.3-.3c-.3 0-.3 0-.4-.3-.4-.7-.5-1.2-.9-1.2H5.7c-.4 0-.5.5-.9 1.3-.1.2-.1.2-.4.3l-2.3.3c-.4 0-.7.1-.8.4 0 0-.1.2-.2.5-.1.6-.2.5.3.5h13.2c.5 0 .4.1.3-.4zm-1.5 1.8H2.6c-.7 0-.8.1-.7.6l.8 10.1c.1.5.1.6.8.6h9.1c.6 0 .7-.1.8-.6l.8-10.1c0-.5-.1-.6-.8-.6z'/%3e%3c/svg%3e");
    position: relative;
	top: 0.125rem;
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-right: 0.5em;
	margin-left: -0.25rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.add-field-container .form-wrapper { margin: 0; }

/** Links **/

A:link {
	text-decoration: underline; 
	text-decoration-style: dotted; 
	text-decoration-thickness: 1px;
}

.tabs A:link,
.breadcrumb A:link,
.dropbutton-widget A:link,
.vertical-tabs__menu-item A:link,
A.button:link { 
	text-decoration: none; 
}

A:link:hover, 
A:link:focus {
	text-decoration: underline; 
	text-decoration-style: solid;
	text-decoration-thickness: 1px;
}

.layout-sidebar-first UL.menu LI A:link:hover,
.layout-sidebar-first UL.menu LI A:link:focus { text-decoration: none; }


.links-inline { justify-content: flex-end; font-style: italic; }
/* A.ext { white-space: nowrap; } */
svg.ext { padding-right: 0; }

a[href$=".pdf"]::after {
	content: url(../images/pdf.svg);
	vertical-align: top;
	display: inline-block;
	height: 1em;
	width: 0.8135em;
	padding-left: .25em;
}

.flexslider a[href$=".pdf"]::after { display: none; }

INPUT[type="submit"], .button, .image-button, .mode-view .field--name-field-facebook-event A {
	margin: .5em;
	vertical-align: middle;
	text-align: center;
	-webkit-appearance: none;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;
	background-clip: padding-box;

	border-radius: 1em;
	-moz-border-radius: 1em;

	border: 1px solid;
	cursor: pointer;
	font-weight: normal;
	line-height: 1em;
	display: inline-block;
	outline: 0;
	overflow: visible;
	padding: .5em 1em .5em;
	width: auto;
	*padding-top: 2px; /* IE7 */
	*padding-bottom: 0px; /* IE7 */
	text-decoration: none;
	font-size: 0.88888888em;
}


button, INPUT[type="submit"], .button, .image-button {
	transition: 0.3s;
}

button:active, INPUT[type="submit"]:active, .button:active, .image-button:active {
	transform: scale(0.95);
}

/* #edit-actions INPUT[type="submit"]:first-child, 
#edit-actions .button:first-child, 
#edit-actions.image-button:first-child { margin: .25em .25em .25em 0; } */

.button:hover,
.button:focus,
.button:active {
	background-color: var(--dim-color);
	z-index: 1; /* For Opera */
	text-decoration: none !important;
}

.mode-view .field--name-field-facebook-event { text-align: center; }
.mode-view .field--name-field-facebook-event A { border-color: #3b5998; background-color: #3b5998; color: #fff !important; }
.mode-view .field--name-field-facebook-event A svg.ext { display: none; }
.mode-view .field--name-field-facebook-event A:hover { background-color: #4668b3; }

.mode-view .field--name-field-facebook-event A:before {
	content: url("data:image/svg+xml,<svg height='24' x='0px' y='0px' version='1.1' viewbox='0 0 24 24' width='35' xmlns='http://www.w3.org/2000/svg'><title></title><path fill='white' d='M19.5,0C22,0,24,2,24,4.5v15c0,2.5-2,4.5-4.5,4.5h-2.9v-9.3h3.1l0.5-3.6h-3.6V8.8c0-1,0.3-1.8,1.8-1.8l1.9,0V3.8 c-0.3,0-1.5-0.1-2.8-0.1c-2.8,0-4.7,1.7-4.7,4.8v2.7H9.7v3.6h3.1V24H4.5C2,24,0,22,0,19.5v-15C0,2,2,0,4.5,0H19.5L19.5,0z'></path></svg>");
	display: inline-block;
	vertical-align: sub;
	line-height: 0;
}

a[href^="tel:"] { white-space: nowrap; }


/** Navigation **/

nav.menu A, .block-superfish A, .pager A, .flippy A, ul.sf-menu li A:hover { text-decoration: none; }

.sf-accordion-toggle { float: right; }

.block-superfishmain { z-index: 2; position: relative; }
.block-superfishmain H2 {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

ul.sf-menu.sf-accordion li.sf-depth-1 {
	border-width: 0 0 1px 0;
	border-style: solid;
}

ul.sf-menu.sf-accordion li.menuparent a.sf-accordion-button { background-color: transparent; font-family: sans-serif; }

ul.sf-menu .sf-accordion-button { background-color: transparent; }
#superfish-main-accordion { overflow-y: auto; max-height: 50vh; }
#superfish-main-accordion A.sf-depth-3 { padding-left: 2em; }
#superfish-main-accordion A.sf-depth-4 { padding-left: 2.5em; }

ul.sf-menu.sf-horizontal li.sf-depth-1:not(:first-child) {
	border-width: 0 0 0 1px; 
	border-style: solid;
}

ul.sf-menu.sf-horizontal { display: flex; justify-content: center; }



.breadcrumb { 	font-size: 0.88888888em; }

footer UL.menu {
	list-style-type: none;
	padding: 0;
	margin: 0 0 1em 0;
	font-size: 0.88888888em;
}

footer UL.menu LI {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	padding: 0 .5em;
	border-right: 1px var(--outline-color) solid;
}

footer UL.menu LI:last-child {
	border-right: none;
}

footer UL.menu LI A {
	margin: 0 .5em;
}

@media (min-width: 768px) { /* Vertically center menu items that wrap */
	ul.sf-menu li A.sf-depth-1 { 
		display: flex;
		flex-direction: column;
		justify-content: center;
		height: 100%;
		box-sizing: border-box;
	}
	
	nav.menu ul.sf-menu li A.sf-depth-1 { 
		align-items: center;
	}
}


.menu-item [class^="icon-"]:before, 
.menu-item [class*=" icon-"]:before { margin: 0; }


/** Forms **/

form, .field-group-tabs-wrapper { clear: both; }

.form-wrapper, .form-item { margin: 0 0 1em 0; }
fieldset.webform-composite-hidden-title { margin-top: 0; }

.form-wrapper > DIV { position: relative; }

.form-item--error-message { color: #c00; }
.form-item--error-message:before { vertical-align: baseline; }

/* .form-wrapper .form-wrapper { margin-bottom: 0; }  problem with nested */

/* .webform-submission-form .form-item .form-item { margin-bottom: 0; } Seems too general */

LABEL { vertical-align: top; font-weight: bold; padding: 0; }
.form-item:not([class^="webform-element--title-inline"]) > LABEL:first-child { display: inline-block; }
.translation-entity-all-languages { font-weight: normal; }

/* composite form elements */
.webform-type-webform-address LABEL,
.webform-type-webform-name LABEL,
.webform-type-webform-name .fieldset-wrapper LEGEND,
.name-widget-wrapper LABEL { font-weight: normal; font-size: 0.833333333333333em; }

.form-type-webform-likert LABEL { font-weight: normal; color: var(--text-color) !important; }

.form-composite .form-item { margin-bottom: .25em; }
.form-type-webform-multiple .webform-name .form-item { display: flex; gap: .5em; }

@media (min-width: 768px) {
	.form-type-name .name-widget-wrapper { display: flex; gap: 0 1em; }
	.form-type-name .name-given-wrapper,
	.form-type-name .name-family-wrapper,
	.form-type-name .name-credentials-wrapper { flex: 3; }
	.form-type-name .name-middle-wrapper { flex: 2; }
	.form-type-name .form--inline .form-item  { width: 100%; }
}

.webform-type-webform-address { margin-bottom: 2em !important; }
@media (max-width: 992px) { 
	.webform-type-webform-name { margin-bottom: 2em !important; }
}

@media (min-width: 768px) {
	.webform-type-webform-name .webform-flexbox { display: block; }
}

@media (min-width: 992px) {
	.webform-type-webform-name .webform-flexbox { display: flex; }
}


/* DIV.form-wrapper > .form-item > label,
DIV.form-wrapper > DIV > .form-item > label,
.form-wrapper summary,
form.webform-submission-form > .form-item > label,
form.webform-submission-form > DIV > .form-item > label { font-weight: bold; padding: 0; } Seems too general */

LEGEND, .field__label {
	font-weight: bold;
	color: var(--secondary-color);
}

LABEL:not([class^="option"]),
.form-composite LEGEND, 
.field--type-datetime H4, 
.field--type-yearonly H4 { color: var(--secondary-color); }



input[type="text"] { max-width: 100%; }
input:is([type="text"], [type="email"], [type="tel"], [type="url"], [type="password"], [type="file"]) { width: 100%; }

.webform-has-field-prefix > input:is([type="text"], [type="email"], [type="tel"], [type="url"], [type="password"]) { width: auto; }

textarea, input:is([type="text"], [type="search"], [type="number"], [type="date"], [type="time"], [type="datetime-local"], [type="month"], [type="week"], [type="password"], [type="email"], [type="tel"], [type="url"]) {
	box-sizing: border-box;
	max-width: 100%;
	padding: 4px 8px 5px 8px;
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
	border: 1px solid var(--outline-color);
	border-radius: 0.22222222em;
	-webkit-border-radius: 0.22222222em;
	background: #fff;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
	font-size: 1em;
	line-height: normal;
	outline-offset: -2px;
	overflow: visible;
}

textarea:focus, input:is([type="text"], [type="search"], [type="number"], [type="date"], [type="time"], [type="datetime-local"], [type="month"], [type="week"], [type="password"], [type="email"], [type="tel"], [type="url"]):focus {
	outline: 0;
	border-color: hsl(from var(--highlight-color) h s calc(l * .8) );
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 8px var(--highlight-color);
}

INPUT[readonly] { border: none !important; box-shadow: none !important; background-color: transparent !important; width: auto !important; }

input[type="search"] {
  -webkit-appearance: none;
}


.vertical-tabs, .vertical-tabs__menu-item, .vertical-tabs__menu { border-color: var(--outline-color); }
.vertical-tabs__menu { border-top: 0; }
.vertical-tabs__menu-item
{
	border-width: 1px;
	border-style: solid;
	border-top-left-radius: 0.22222222em;
	border-bottom-left-radius: 0.22222222em;
	border-color: var(--outline-color);
	background: var(--dim-color);
}

.vertical-tabs__menu-item:focus, .vertical-tabs__menu-item  A:focus, .vertical-tabs__menu-item a:hover { outline: 0; background-color: var(--content-background-color); }

.vertical-tabs__menu-item.is-selected .vertical-tabs__menu-item-title, .horizontal-tab-button STRONG, .vertical-tabs__menu-item STRONG { color: inherit; }


input[type="checkbox"] {
	width: 1em;
	height: 1em;
	margin-top: .25em;
	vertical-align: top;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border: 1px solid var(--outline-color);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-print-color-adjust: exact;
	color-adjust: exact;
	transition: background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	border-radius: 0.33333333em;
}

input:checked[type="checkbox"] {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
	background-color: var(--link-color);
}

.form-checkboxes .form-item,
.form-radios .form-item { margin-bottom: .25em; margin-top: 0; }

.field--type-datetime H4,
.field--type-date-recur H4,
.field--type-yearonly H4 { font-style: inherit; font-family: inherit; font-size: inherit; }

.smartdate--widget .fieldset-wrapper .form-item, .smartdate--widget tr.odd .fieldset-wrapper .form-item, .smartdate--widget tr.even .fieldset-wrapper .form-item, .smartdate--widget .allday-label, .smartdate--widget .allday, .smartdate--widget .form-type-select, tr.odd .smartdate--widget .form-type-select, tr.even .smartdate--widget .form-type-select, .smartdate--widget .form-type--select, tr.odd .smartdate--widget .form-type--select, tr.even .smartdate--widget .form-type--select, .smartdate--widget .form-type-select label, .smartdate--widget .form-type--select label, .field-interval--label, .smartdate--widget .byday-checkboxes legend { margin: 0; }

.smartdate--widget .allday-label { float: none; display: inline-block; margin-right: 1em; }

.smartdate--widget .fieldset-wrapper .form-item.duration-wrapper,
.field--widget-smartdate-default .time-end { margin-bottom: 1em; }

.smartdate--widget .form-type-select label, tr.odd .smartdate--widget .form-type-select label, tr.even .smartdate--widget .form-type-select label, .field-interval--label { padding-top: 0; }

.smartdate--widget .byday-checkboxes input ~ label.option { border-color: var(--outline-color); }


select {
	padding: 4px 1.571em 5px 0.5em;
	cursor: pointer;
	-webkit-transition: all 0.1s;
	transition: all 0.1s;
	border: 1px solid var(--outline-color);
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased;
	border-radius: 0.33333333em;
	background-color: #fff;
	box-sizing: border-box;
	line-height: normal;
}

select:not([multiple]) {
	background-image: url("/core/misc/icons/333333/caret-down.svg");
	background-repeat: no-repeat;
	background-position: 99% 50%;
}

.webform-submission-form select { display: block; width: 100%; max-width: 100%; }

.dropbutton .dropbutton-action > * { padding-top:0; padding-bottom: 0; }

.js .dropbutton-widget {
	border-radius: 0.33333333em;
	text-decoration: none;
	border-color: var(--link-color);
	background-color: var(--content-background-color);
	color: var(--text-color);
}

.js .dropbutton-widget:hover { border-color: var(--link-color); }

.dropbutton-multiple .dropbutton,
.dropbutton .secondary-action { border-color: var(--link-color); }

.description, .tips { line-height: normal; color: var(--text-dim-color); }
.text-format-wrapper .description { margin-top: 0; }

.form-composite > .fieldset-wrapper > .description, 
.form-item .description, 
span.file, .file-size { font-size: 0.83333333em; line-height: 1.2em; margin-bottom: .5em; }
.tips { font-size: 0.9375em; }
.tips LI { margin-bottom: 0; }


.field--widget-paragraphs-table-widget caption { font-weight: bold; text-align: left; }
.paragraphs-add-wrapper { display: inline-block; }
.js .field--widget-paragraphs td { padding: .5em; }


/* Tabs */

.horizontal-tabs ul.horizontal-tabs-list li a, .horizontal-tabs ul.horizontal-tabs-list li.selected a { padding: 10px 20px; }
.horizontal-tabs-panes .horizontal-tabs-pane { padding: 0; }
details > .details-wrapper { padding: 20px 20px 0 20px;}

.horizontal-tabs { border-width: 0; }
.horizontal-tabs-panes { border-width: 0 1px 1px 1px; border-style: solid; border-color: var(--outline-color); }
.horizontal-tabs .horizontal-tabs-list {
	display: flex; 
	background-color: transparent; 
	gap: 0 10px;  
	border-bottom-color: var(--outline-color);
}

.horizontal-tabs .horizontal-tab-button {
	border-width: 1px; 
	border-color: transparent; 
	border-style: solid; 
	border-radius: 10px 10px 0 0; 
	line-height: normal;
	overflow: hidden;
	background-color: transparent;
	display: flex;
    justify-content: center;
    align-items: center;
}

.horizontal-tabs .horizontal-tab-button.selected {
	background-color: var(--content-background-color); 
	border-color:  var(--outline-color)  var(--outline-color) var(--content-background-color)  var(--outline-color);
}


/* Fieldset Descriptions */
FIELDSET, DETAILS {
	border-color: var(--outline-color);
	padding: 10px 20px;
}

.webform-type-fieldset > .fieldset-wrapper > .field-prefix > .webform-element-description { margin-bottom: 1.5em; } 


/* Form Tables */
.webform-multiple-table TABLE { border-spacing: 1px 0; margin: 0 -1px; }
.webform-multiple-table td > div > label.visually-hidden { margin: 0; }
.webform-multiple-table TH { padding: 0; background-color: transparent; font-weight: normal; font-size: 0.888888888888889em; }
.webform-multiple-table TD { padding: .5em; }
.webform-multiple-table LABEL { font-weight: normal; font-size: 0.833333333333333em; }

TABLE.field-multiple-table TR TH { text-align: left; }
TABLE.field-multiple-table TR TH H4 { font-style: normal; }

form .field-multiple-table .field-multiple-drag
{
	border-width: 0 1px 0 0;
	border-color: var(--outline-color);
	border-style: dashed;
}

@media (max-width: 768px) {
	.webform-multiple-table td,
	.webform-multiple-table tr { padding-top: 0; padding-bottom: 0; }
	.webform-multiple-table a.tabledrag-handle .handle { margin: 0; }
	.webform-multiple-table td.webform-multiple-table--operations { top: 0; }
}
.form-item .container-inline { margin: 0; } /* add rows button */
.form-item .container-inline INPUT[type="submit"],
.webform-document-file INPUT[type="submit"] { margin: 0; padding: 0 .5em; }


/**
.text-format-wrapper .description,
.filter-guidelines .filter-guidelines-item,
.form-composite > .fieldset-wrapper > .description, 
.form-item .description { margin-top: .2em; }
**/

.form-type-radio, .form-type-checkbox:not([class*="byday"]) {
	page-break-inside: avoid;
	padding-left: 1em;
	text-indent: -1em;
	}

.webform-options-display-buttons .form-type-radio, .webform-options-display-buttons .form-type-checkbox {
	padding-left: 0;
	text-indent: 0;
}


.form-type-radio .description, .form-type-checkbox .description { margin-left: 1.5em; text-indent: 0; }


FIELDSET.webform-type-fieldset { margin: 0 -5px 1em -5px; padding: 10px; }
.webform-type-fieldset > LEGEND { padding: 3px 10px; }
@media (min-width: 768px) {
	FIELDSET.webform-type-fieldset { margin: 0 0 1em 0; padding: 1em; }
	.webform-type-fieldset > LEGEND { margin-left: -10px; }
}
@media (min-width: 1200px) {
	FIELDSET.webform-type-fieldset { padding: 1em 1.5em; }
}


FIELDSET.form-item { clear: right; }

AUDIO { width: 100%; }

.ec-toggle-link
{
	text-align: right;
	font-style: italic;
	display: block;
}

.tabledrag-toggle-weight-wrapper { text-align: right; line-height: 1em; margin-top: -1.111111111111111em; }
.tabledrag-toggle-weight { line-height: 1.25em; font-size: 0.888888888888889em !important; }


.form-wrapper.field--type-webform,
/* .form-wrapper.field--type-image, */
.form-wrapper.field--type-smartdate { padding: 0.625em; border: 1px solid var(--outline-color); }

.form-wrapper.field--type-webform details,
.form-wrapper.field--type-image details,
TABLE.field-multiple-table fieldset { margin: 0; border-width: 0; }
/** .form-wrapper.field--type-image TABLE { font-size: 1em; } **/
.form-wrapper.field--type-image TD { padding: 1em .5em; }
.form-wrapper.field--type-image details > .details-wrapper { padding: 0; }


.image-widget { display: flex; gap: 0 10px; }
.image-widget-data { display: flex; gap: .5em 0; flex-direction: column; }
.image-widget .image-preview { flex-shrink: 0; }

/*
.form-wrapper fieldset { border-width: 1px; }
.form-wrapper fieldset.fieldgroup { padding-left: 0.625em; padding-right: 0.625em; border-width: 1px; }
*/

/* .form-wrapper .form-managed-file { display: flex; column-gap: 20px; } problems with multiple files */

.webform-document-file .form-item.form-type-checkbox { margin: 0 0 .25em 1em; }

span.file, .file-size {
	max-width: 250px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis; 
	display: inline-block;
	vertical-align: bottom;
}

@media (min-width: 768px) {
	.webform-flexbox { margin: 0em -0.5em; }
}

/* .fieldset.webform-composite-hidden-title { margin-top: 0; }
.webform-options-display-buttons,
.webform-options-display-buttons .form-radios .form-item,
.webform-options-display-buttons .webform-options-display-buttons-wrapper { margin: 0; } */

.webform-options-display-buttons input + label.webform-options-display-buttons-label { border-width: 1px; }

.ui-dialog .ui-dialog-content {  }


.text-format-wrapper  .form-type-textarea { margin-bottom: 0; }

/** Dialog Box **/
.ui-dialog { color: var(--text-color); background-color: var(--content-background-color); border-color: var(--outline-color); }
.ui-dialog .ui-dialog-titlebar { color: var(--secondary-color); background-color: var(--dim-color); border-color: var(--outline-color); }
.views-ui-dialog .views-override:not(:empty),
.ui-dialog .ui-dialog-buttonpane { color: var(--text-color); background-color: var(--dim-color); border-color: var(--outline-color); }
.ui-widget-content { color: var(--text-color); }
.ui-widget.ui-widget-content { border-color: var(--outline-color); }


/** Field Form simplify **/

.field--type-link FIELDSET, FIELDSET.captcha {
	border-width: 0;
	padding: 0;
}
FIELDSET.captcha { margin: 1em 0; }
FIELDSET.captcha LEGEND { display: none; }

@media (min-width: 992px) {
	.field--type-link .fieldset-wrapper { display: flex; gap: .5em 20px; flex-wrap: wrap; }
	.field--type-link .fieldset-wrapper DIV { flex-basis: 45%; flex-grow: 1; }
	.field--type-link .fieldset-wrapper .field-prefix { flex-basis: 100%; flex-grow: 1; }
}


/** Search Sidebar **/

main FORM[id^="search-block-form"] { display: flex; width: 100%; justify-content: space-between; gap: .5em; }
main FORM[id^="search-block-form"] * { margin-top: 0; margin-bottom: 0; }
main FORM[id^="search-block-form"] .form-type-search,
main FORM[id^="search-block-form"] input { width: 100%; }

@media (min-width: 768px) {
	header[role=banner] .search-block-form { clear: right; }
	main FORM[id^="search-block-form"] { flex-direction: column; gap: .5em 0; }
}
@media (min-width: 1200px) {
	main FORM[id^="search-block-form"] { flex-direction: row; gap: 0 .5em; }
}

footer .search-block-form { margin-bottom: 1em; }


/** Headers **/

H1, H2, H3, H4, H5, H6 {
	font-weight: bold;
	line-height: 1em;
}

h1 {
	font-size: 1.666666666666667em;
	margin: 0 0 .1em 0;
}
@media (min-width: 768px) { H1 { font-size: 2.22222222em; } }

.layout-content .block-page-title-block { margin-bottom: 0; }

h2 {
	font-size: 1.55555555em;
	margin: 0;
	margin-bottom: 0.214285714285714em;
}

aside H2, footer H2 { font-size: 1.11111111em; }

H2.clear2 { clear: both; }

h3, .block-menu H2 {
	font-size: 1.22222222em;
	margin: 0;
}

H4 {
	font-size: 1em;
	font-style: italic;
	margin: 0;
}

H5 { font-size: 1em; }
H6 { font-size: 1em; }

P + H3, OL + H3, UL + H3, TABLE + H3 { margin-top: 1.5em; }

P.subtitle, .mode-view .field--name-field-subtitle
{
	font-style: italic;
	font-size: 1.222222222222222em;
	margin-bottom: .5em; 
	line-height: 1.272727272727273em;
}

H2+P.subtitle { font-size: 1.111111111111111em; }
H3+P.subtitle { font-size: 1em; }
H1 + P.promo, H2 + P.promo, H3 + P.promo {
	margin-top: 1em;
}

/** Block Level Elements **/

P, DL, PRE {
	margin: 0px 0px 1em 0px;
}

P:empty { margin: 0; }

P.indent { margin-left: 2em; }
P.note {
	font-style: italic;
	font-size: 0.88888888em;
	line-height: normal;
}

P.note EM {
	font-style: normal;
}


P.listheader {
	font-weight: bold;
	margin: 0.33333333em 0 0 0;
}

P.citation {
	text-indent: -3em;
	padding-left: 3em;
}

P.right, DIV.right, TD.right, H2.right { text-align: right; }
P.center, DIV.center, TD.center { text-align: center; }

P.sponsorlogos { text-align: center; }
P.sponsorlogos A, .view-sponsors A { border: none; }

P.sponsorlogos IMG {
	vertical-align: middle !important;
	padding: .5em 1em !important;
	border: none !important;
	display: inline-block !important;
}

P.sponsorlogos A.external-link, DIV.acrobat A.external-link, A.noicon, A.banner {
	background: none;
	padding-right: 0px;
}

.view-sponsors .view-content { display: flex; 
	gap: 2em 2%; 
	align-content: flex-start; 
	justify-content: space-evenly; 
	align-items: center;
	flex-wrap: wrap;
}

.view-sponsors .views-row {
	flex-grow: 0;
	text-align: center;
	padding: 0 !important;
	min-width: 150px;
}

/**
@media (min-width: 768px) {
.view-sponsors .views-row { flex-basis: 49%; }
}
@media (min-width: 992px) {
.view-sponsors .views-row { flex-basis: 32%; }
}
@media (min-width: 1200px) {
.view-sponsors .views-row { flex-basis: 23%; }
}
**/

.view-sponsors IMG {
	display: inline-block !important;
	 max-width: 200px !important; 
	 max-height: 110px !important;
}

P.promo {
	text-align: center;
	font-weight: bold;
}

P.question
{
	font-weight: bold;
	margin: 1.5em 0 .5em 0;
}

P.address { line-height: normal; margin: 0; }

dt {
  font-weight: bold;
}

dd {
  margin-bottom: .5em;
}

SUP {
vertical-align: super;
font-size: smaller;
}

U { text-decoration: none; }

.tel { white-space: nowrap; }

.small { font-size: var(--text-small); }

BLOCKQUOTE
{
	margin: 0px 2em 1.2em 2em;
	font-style: italic;
	line-height: normal;
}

BLOCKQUOTE P { margin-bottom: .5em; }

BLOCKQUOTE P.author {
	text-align: right;
}

.indent1 { margin-left: 2em; }
.indent2 { margin-left: 4em; }

HR {
	clear: both; 
	height: 1px;
	border: 0;
	color: #ccc;
	background-color: #ccc;
}

.clearboth { clear: both; }

.field--label-inline .field__label, .field--label-inline .field__items, .field--label-inline .field__item, .field-content { float: none; display: inline; }
.field--label-inline .field__label, .field--label-inline > .field__item, .field--label-inline .field__items { padding-right: 0; }

.views-label { font-weight: bold; }
.view-filters { margin-bottom: 1em; }

.able { box-shadow: none; }

.see-footnote { font-size: 0.83333333em; color: var(--text-dim-color); }
UL.footnotes { border-color: #999; padding-top: .5em; margin: 1em 0; font-size: 0.83333333em; }
UL.footnotes LI { margin-bottom: 0 !important; margin-left: 1.5em; color: var(--text-dim-color); font-size: 1em; line-height: normal; }

IFRAME[src*="google.com/maps"] { width: 100%; }


/** Lists **/

ul, ol, .item-list ul {
	margin: 0 0 .75em 0; 
	padding-left: 40px;
}

ul, .item-list ul { list-style-type: disc; }
ul ul       { list-style-type: circle; }
ul ul ul    { list-style-type: square; }
ul ul ul ul { list-style-type: circle; }
ol          { list-style-type: decimal; }
ol ol       { list-style-type: lower-alpha; }
ol ol ol    { list-style-type: decimal; }


.item-list li { margin-left: 0; }

.region-content UL:not([class]) LI:not([class]), 
.region-content OL:not([class]) LI:not([class]) { line-height: 1.22222222em; margin-bottom: 0.66666666em; }

/**
.social-sharing-buttons > A::before { content: 'Share'; }
**/

#block-bettersocialsharingbuttons H2 { font-size: 1rem; text-align: center; }
.social-sharing-buttons { margin-top: 0; }
.social-sharing-buttons svg { width: 32px; height: 32px; }

/** Tables **/

TABLE {
	/** font-size: 0.88888888em; **/
	border-spacing: 1px;
	border-collapse: separate;
	width: 100%;
	margin: 0px 0px 18px 0px;
	line-height: normal;
}

TD, TH { padding: .5em; line-height: normal; }
TR TH { text-align: center; vertical-align: bottom; }
TBODY TH { text-align: right; vertical-align: top; }

TH.right, TD.right, TBODY > TH { text-align: right; }

TABLE H3 { font-size: 1em; }

.view TABLE CAPTION {
	font-size: 1.33333333em;
	font-weight: bold;
	line-height: normal;
	text-align: left;
	color: var(--secondary-color);
}

TABLE>tbody>tr:nth-child(even), .even { background-color: var(--dim-color); }
TABLE>tbody>tr:nth-child(odd) .is-active, .odd .is-active { background-color: var(--dim-color); }
TABLE>tbody>tr:nth-child(even) .is-active, .even .is-active { background-color: var(--dim-color); }
.table>:not(caption)>*>*, TR, TR.odd, .table-striped>tbody>tr:nth-of-type(odd) { background: transparent; }


TABLE.data { border-collapse: collapse; }
TABLE.data TD, TABLE.data TH { border: 1px var(--outline-color) solid; }
TABLE.data TD { vertical-align: middle; }

TABLE.sticky-header { background-color: transparent; }

@media screen and (max-width: 576px) {
  th.priority-low,
  td.priority-low,
  th.priority-medium,
  td.priority-medium {
    display: none;
  }
}

@media screen and (max-width: 1200px) { 
  th.priority-low,
  td.priority-low {
    display: none;
  }
}

@media (max-width: 768px) {
	.view-table-collapse TABLE TD { display: block; padding: 0.25em 0.5em; }
	.view-table-collapse TABLE thead { display: none; }
}



/* first sidebar */

.region-sidebar-first { padding-top: 20px; }

.layout-sidebar-first .block {
	margin-bottom: 40px; 
	padding: 0 20px;
}

@media (min-width: 1200px) {
	.region-sidebar-first { padding-top: 30px; }
}

@media (min-width: 1400px) {
	.layout-sidebar-first .block {
		padding: 0 30px;
	}
}


/** Menus **/

header[role=banner] .block-menu ul.menu { margin-left: 0; float: right; text-align: right; }
footer .block-menu ul.menu { margin-left: 0; padding: 0 !important; text-align: center; }
header[role=banner] .block-menu ul.menu LI,
footer .block-menu ul.menu LI { display: inline; }
header[role=banner] .block-menu ul.menu LI { padding-left: 1em; }

ul.sf-menu a, 
ul.sf-menu a:visited,
ul.sf-menu span.nolink { padding: 10px; }

ul.sf-menu svg.ext { display: none; }

/*
@media (min-width: 768px) {
	ul.sf-menu a, 
	ul.sf-menu a:visited, 
	ul.sf-menu span.nolink { padding: 1em 10px; }
}
*/

ul.sf-menu .sf-with-ul { padding-right: 2em; }

.sf-accordion-button {
	float: right;
	font-size: 1px;
    letter-spacing: -1px;
    color: transparent;
    z-index: 1;
}

ul.sf-menu.sf-accordion.sf-accordion-with-buttons .sf-accordion-button:after { font-size: 1rem; margin: 0; }


ul.sf-menu .sf-sub-indicator { font-size: 10px; }

.layout-sidebar-first .block-menu UL.menu {
	list-style-type: none;
	list-style-image: none;
	line-height: 1em;
	padding: 0;
	margin: 0;
}

/** 
.layout-sidebar-first .block-menu > UL.menu > LI > UL.menu {
	padding-bottom: .5em;
}
 **/
 
.layout-sidebar-first .block-menu > UL.menu {
	margin: 0 -20px;
}
.layout-sidebar-first UL.menu LI {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.layout-sidebar-first .block-menu > UL.menu > LI:not(:first-child) {
	border-width: 1px 0 0 0;	/* Create lines between cells. Each line is placed above each item */
	border-style: solid;
	border-color: var(--outline-color);
}


.layout-sidebar-first UL.menu LI A {
	display: block;
	padding: 0.5em 20px 0.5em 20px;
	font-weight: bold;
}

.layout-sidebar-first UL.menu LI LI A {
	font-weight: normal;
	padding: 6px 10px 5px 25px;
}

.layout-sidebar-first UL.menu LI LI LI A {
	padding-left: 35px;
}

.layout-sidebar-first UL.menu LI LI LI LI A {
	padding-left: 45px;
}

.layout-sidebar-first UL.menu LI LI LI LI LI A {
	padding-left: 55px;
}

@media (min-width: 1400px) {
	.layout-sidebar-first .block-menu > UL.menu { margin: 0 -30px; }
	.layout-sidebar-first UL.menu LI A { padding-right: 30px; padding-left: 30px; }
	.layout-sidebar-first UL.menu LI LI A { padding-left: 35px; }
	.layout-sidebar-first UL.menu LI LI LI A { padding-left: 45px; }
	.layout-sidebar-first UL.menu LI LI LI LI A { padding-left: 55px; }
	.layout-sidebar-first UL.menu LI LI LI LI LI A { padding-left: 65px; }
}

main .block-menu ul.menu { list-style: disc; margin-left: revert; padding: revert; line-height: 1.2em; }
.block-menu ul.menu a { text-decoration: none; }
.block-menu ul.menu a:link:hover,
.block-menu ul.menu a:link:focus {
	text-decoration: underline; 
	text-decoration-style: solid;
}

.block-menu ul.menu a.is-active,
.layout-sidebar-first .block-menu ul.menu a.is-active { text-decoration: underline; /* color: inherit; */ }

.menu-item--collapsed { list-style-image: none; }


/** Views UI **/

.edit-display-settings-top.views-ui-display-tab-bucket,
.views-display-column,
.views-displays,
.views-ui-display-tab-bucket,
.views-display-top,
.form-edit .form-actions,
.view-preview-form__title,
.views-preview-wrapper { border-color: var(--outline-color); }

details.views-display-column { padding: 0; }
.views-display-column { border-width: 0; }
.views-display-columns > * { float: none; width: auto; margin: 0; }
#edit-display-settings-main { display: grid; gap: 0 20px; grid-template-columns: 1fr 1fr 1fr; }


.views-exposed-form .form--inline { display: flex; flex-direction: column; gap: .5em 1em; justify-content: center; }
.views-exposed-form .form--inline .form-item { float: none; margin: 0; }
.views-exposed-form .form--inline .form-actions { align-content: end; margin: 0; }
.views-exposed-form .form--inline INPUT[type="submit"] { margin: 0; }
.views-exposed-form input:is([type="text"], .views-exposed-form [type="email"], .views-exposed-form [type="tel"], .views-exposed-form [type="url"], .views-exposed-form [type="password"], .views-exposed-form [type="file"]) { width: auto; }

@media (min-width: 992px) {
	.views-exposed-form .form--inline { flex-direction: row; flex-wrap: wrap; }
}

.views-displays .tabs.secondary li a { border-color: var(--link-color); background-color: transparent; }

.views-displays .tabs li a:hover, .views-displays .tabs li.is-active a, .views-displays .tabs li.is-active a.is-active { border-color: var(--link-color); background-color: var(--dim-color); color: var(--text-color); }


.bef-links { display: inline-block; }
.bef-links UL { margin: 0; padding: 0; display: inline-block; }
.bef-links UL LI { display: inline; }
.bef-links UL LI:not(:last-child):after { content: " | "; }


/** Views Styles **/

.views-row:not(:last-child) { padding-bottom: 1em; }
.node--view-mode-teaser { padding: 0; margin: 0; border: none; }
.node--view-mode-teaser h2 { padding-top: 0; }
.node--view-mode-teaser h2 A { text-decoration: none; }

ul.inline li.node-readmore { display: block; text-align: right; line-height: normal; font-style: italic; }
ul.inline li.node-readmore A { text-decoration: none; }

.more-link { font-style: italic; }
.view-content A[href*="/edit"] { font-size: 0.833333333333333em; text-decoration: none; }

.view-thumbs .view-content { margin-bottom: 1em; }
/** .view-thumbs .views-row { overflow: auto; } Causes scrollbars **/
.view-thumbs .views-row:not(:last-child) { padding-bottom: 2em; }

.view-thumbs-optional DIV.right { float: right; margin-left: 20px; clear: right; }

.view-thumbs IMG { float: right; margin-left: 20px; }
.view-thumbs .views-row .views-field:first-child { min-width: 100px; }

@media (min-width: 576px) {
	.view-thumbs .views-row { display: flex; column-gap: 20px; }
	.view-thumbs IMG { float: none; margin: 0; max-width: none !important; }

	.view-thumbs.alternate .views-row-odd div[class*="image"],
	.view-thumbs.alternate .views-row-odd div[class*="headshot"] { order: 2; }

	.view-thumbs.small div[class*="image"],
	.view-thumbs.small div[class*="headshot"] { min-width: 150px; width: 150px; }
}

H3.views-ui-display-tab-bucket__title { font-weight: bold; padding: 6px 6px 7px; }
.views-row H2 { margin-bottom: 0; font-size: 1.44444444em; }


.view-tiles-small, .view-tiles-xsmall { clear: both; margin-bottom: 2em; }

.view-tiles-small > .view-content,
.view-tiles-xsmall > .view-content {
		display: flex; 
		flex-wrap: wrap;
		row-gap: 1em;
		justify-content: center;
		flex-direction: column;
}

.view-tiles-small > .view-content .grouping-field,
.view-tiles-xsmall > .view-content .grouping-field { width: 100%; }

.view-tiles-small .views-row,
.view-tiles-xsmall .views-row {
	line-height: normal; 
	flex-grow: 0;
	text-align: center;
}

.view-tiles-small .views-row IMG,
.view-tiles-xsmall .views-row IMG { margin: 0 auto .25em auto; }

.view-tiles-small .view-content H2,
.view-tiles-xsmall .view-content H2 { margin-bottom: -0.5em; }

@media (min-width: 576px), print {
.view-tiles-small > .view-content { flex-direction: row; column-gap: 4%; }
.view-tiles-small .views-row { flex-basis: 48%; width: auto; } /* 2 across */
}
@media (min-width: 768px) {
.view-tiles-small .views-row { flex-basis: 48%; } /* 2 across */
}
@media (min-width: 992px) {
.sidebars-none .view-tiles-small .views-row { flex-basis: 30.66666666%; } /* 3 across */
.sidebars-first .view-tiles-small .views-row { flex-basis: 48%; } /* 2 across */
}
@media (min-width: 1200px), print {
.sidebars-none .view-tiles-small .views-row { flex-basis: 22%; } /* 4 across */
.sidebars-first .view-tiles-small .views-row { flex-basis: 30.66666666%; } /* 3 across */
}

@media (min-width: 576px) {
.view-tiles-xsmall > .view-content { flex-direction: row; column-gap: 4%; }
.view-tiles-xsmall .views-row { flex-basis: 48%; width: auto; } /* 2 across */
}
@media (min-width: 768px) {
.view-tiles-xsmall .views-row { flex-basis: 30.66666666%; } /* 3 across */
}
@media (min-width: 992px) {
.sidebars-none .view-tiles-xsmall .views-row { flex-basis: 22%; } /* 4 across */
.sidebars-first .view-tiles-xsmall .views-row { flex-basis: 30.66666666%; } /* 3 across */
}
@media (min-width: 1200px), print {
.sidebars-none .view-tiles-xsmall .views-row { flex-basis: 16.8%; } /* 5 across */
.sidebars-first .view-tiles-xsmall .views-row { flex-basis: 22%; } /* 4 across */
}


.masonry .views-row { margin-bottom: 0; }


@media (min-width: 768px) {
	.view-2col .view-content { column-count: 2; column-gap: 40px; }
	.view-2col .view-content .views-row {
		-webkit-column-break-inside: avoid;
		page-break-inside: avoid;
		break-inside: avoid;
		line-height: normal;
	}
	
	.view-grid-wide .view-content { display: grid; column-gap: 40px; grid-template-columns: 1fr 1fr; }
	.view-grid-wide .view-content .views-row { line-height: normal; }
}

.filter-wrapper {
	font-size: 0.777777777777778em;
	border-width: 0;
}
.filter-wrapper .form-item { display: flex; gap: 0 0.5em; }
.filter-wrapper .form-type-select { float: left; margin-bottom: 0; }



/** Footer **/
.block-footertext { font-size: 0.88888888em; line-height: 1.25em; }
.block-copyright { font-size: 0.77777777em; }



/** Search **/
.search-results { padding-left: 0; }
.item-list .search-results li { margin: 0 0 2em 0; }


/** Images **/

.layout-container > main IMG { height: auto !important; max-width: 100%; width: auto; display: block; }
.layout-container > main TABLE IMG { max-width: none; }


.flexslider {
	margin: 0 !important;
	border: none !important; 
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	background-color: transparent !important;
	clear: both;
	}
.flexslider .flex-control-nav { bottom: 0; position: static; margin-top: .5em; }
.flex-control-thumbs {
	display: grid;
	gap: 2px;
	grid-template-columns: 20% 20% 20% 20% 20%;
}
.flex-control-thumbs li { width: 100%; float: none; }
.flex-direction-nav a { top: 40%; line-height: normal; }
.flexslider UL li { line-height: normal; margin: 0; }
.flexslider UL.slides { /* background-color: #eee; background-color: rgba(0, 0, 0, 0.06); */ }
.flex-caption { padding: 3px 10px; pointer-events: none; }
@media (max-width: 767px) {
	.flex-caption
	{
		border-width: 0 1px 1px 1px;
		border-style: solid;
		border-color: var(--outline-color);
	} 
}
@media (min-width: 768px) {
	.flex-caption {
	box-sizing: border-box;
	width: 100%;
	padding: 5% 3% 2% 3%;
	margin: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,.5);

background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */

	}
}

figure { margin: 1em 0; }
figure.align-center { width: 100%; }

.align-center IMG { margin: 0 auto; }

IMG.image-right,  /* Old */
article.align-right {
	float: none; 
	max-width: 100%; 
	width: 100%; 
	clear: right; 
	margin-top: 0;
} /* Old */

IMG.right { float: right; max-width: 100%; clear: right; } /* Old */

.caption > figcaption { /* CKEditor 5 */
	padding-top: .25em;
	line-height: 1.125em;
	margin: 0;
	color: var(--text-dim-color) !important;
	font-size: 0.88888888em;
}

figure.align-right, /* CKEditor 5 */
main IMG.align-right {
	float: right; 
	max-width: 50%; 
	clear: right; 
	margin-left: 20px;
}

figure.align-left, main IMG.align-left {
	float: left; 
	max-width: 50%; 
	clear: left; 
	margin-right: 20px;
} /* CKEditor */


.image-field-caption { /* Caption Module */
	padding-top: .25em;
	line-height: 1.125em;
	color: var(--text-dim-color) !important;
	font-size: 0.88888888em;
	text-align: right;
}

.mode-view .field--type-image.field__items .field__item { margin-bottom: 10px; } /* Space between multiple images */

.caption > * { height: auto; }

figure.align-right figcaption { text-align: right; }
figure.align-center figcaption { text-align: center; }


.able-wrapper { max-width: 100% !important; }
.able-left-controls, .able-status-bar span.able-timer { float: left !important; }
.able-right-controls, .able-status, .able-status-bar span.able-speed { float: right !important; }
.able-controller div[role=button] { margin: 3px !important; }
.able-controller .able-seekbar { margin: 0 5px !important; }


.mode-view .field--name-field-photo { margin-bottom: 0; }
.mode-view .field--name-field-photo .field__item,
.mode-view .field--name-field-photos .field__item { margin-bottom: 20px; } 


.block-system-branding-block { position: relative; }

.mode-view .field--name-field-logo,
.mode-view .field--name-field-headshot {
	float: right !important;  
	width: calc( 50% - 10px ); 
	margin-left: 20px;
	clear: right;
}

.mode-view.path-user .field--name-user-picture {
	float: right !important;  
	max-width: calc( 50% - 10px ); 
	margin-left: 20px;
	clear: right;
	width: auto;
}

@media (min-width: 560px) {
	.mode-view .field--name-field-image,
	.mode-view .field--name-field-photo,
	.mode-view .field--name-field-photos {
		float: right !important;  
		width: calc( 50% - 10px ); 
		margin-left: 20px;
		clear: right;
	}

	IMG.image-right,  /* Old */
	article.align-right,  /* Old */
	main IMG.align-right, 
	figure.align-right {
		float: right !important;  
		max-width: calc( 50% - 10px ); 
		margin-left: 20px;
		clear: right;
	}

	IMG.image-right,  /* Old */
	IMG.align-right, 
	article.align-right,  /* Old */
	figure.align-right {
		width: auto;
	}
}

@media (min-width: 992px) {
	.mode-view .field--name-field-logo,
	.sidebars-none.path-user .field--name-user-picture { width: calc( 33.33333333% - 10px ); }
}

@media (min-width: 1200px) {
	.sidebars-none.mode-view .field--name-field-image,
	.sidebars-none.mode-view .field--name-field-photo,
	.sidebars-none.mode-view .field--name-field-photos { width: calc( 33.33333333% - 10px ); }

	.sidebars-none IMG.image-right, 
	.sidebars-none IMG.align-right, 
	.sidebars-none article.align-right, 
	.sidebars-none figure.align-right { max-width: 33.33333333%; }

	.sidebars-none.mode-view .field--name-field-headshot { width: calc( 25% - 10px ); }
	.sidebars-first.mode-view .field--name-field-headshot { width: calc( 33.33333333% - 10px ); }

	.sidebars-none.mode-view.path-user .field--name-user-picture { max-width: calc( 25% - 10px ); }
	.sidebars-first.mode-view.path-user .field--name-user-picture { max-width: calc( 33.33333333% - 10px ); }

}




/** Video **/

figure.align-center article.media--type-remote-video { width: 100%; margin: 1em auto; }
article.media--type-remote-video { clear: both; max-width: 1100px; }
.youtube-container, .media--type-remote-video, .video-filter {
	width: 100%;
	position: relative;
	padding-top: 56.25%;
	clear: both;
}

.youtube-container IFRAME, .media--type-remote-video IFRAME, .video-filter IFRAME {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-filter + P:not(.caption),
.video-filter + H2 { margin-top: 1em;}



/** Admin **/
.path-admin .region-content { line-height: normal; }
.messages { margin: 0 0 1em 0; clear: both; }
.block-disabled { opacity: 0.5; }

TABLE.update TD { border-top: 1px var(--outline-color) solid !important; }
.color-success { color: #325e1c !important; background-color: #fff !important; }
.color-warning { color: #734c00 !important; background-color: #fdf8ed !important; }
.color-error { color: #a51b00 !important; background-color: #fcf4f2 !important; }

.form-disabled input,
.form-disabled select,
.form-disabled textarea { background-color: var(--outline-color) !important; }
.form-disabled label { color: #717171; }

.block-local-tasks-block { float: right; z-index: 1; max-width: 66%;
text-align: right; clear: right; margin-bottom: 0 !important; }
ul.tabs { margin-bottom: 0; padding: 0 1em; font-size: 0.888888888888889em; }
UL.primary { 
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	border: 1px var(--outline-color) solid;
	overflow: hidden;
}
.tabs > li { margin: 0; }
.tabs a { padding: 0.125em .75em; }
.tabs a.is-active { background-color: var(--outline-color); }

.tabs a:focus, .tabs a:hover {
	background-color: var(--dim-color);
}

UL.secondary
{
	-webkit-border-bottom-right-radius: 1em;
	-webkit-border-bottom-left-radius: 1em;
	-moz-border-radius-bottomright: 1em;
	-moz-border-radius-bottomleft: 1em;
	border-bottom-right-radius: 1em;
	border-bottom-left-radius: 1em;
	overflow: hidden;
	border-width: 0 1px 1px 1px;
	border-color: var(--outline-color);
	border-style: solid;
	margin: 0 1em;
}

.ui-dialog .ui-dialog-content { }

.layout-container > main > .layout-content .project-update__status IMG { display: inline; }

.feeds-tamper-list-form caption { text-align: left; font-weight: bold; font-size: 1.22222222em;  }

/* Table Drag */

.draggable a.tabledrag-handle-y { cursor: row-resize; }
a.tabledrag-handle-y .handle {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 8h12'/%3e%3cpath d='M8 2l2 2 -4 0 2 -2'/%3e%3cpath d='M8 14l2 -2 -4 0 2 2'/%3e%3c/svg%3e");
	background-size: 1rem 1rem;
}


/* Views */
#edit-displays { margin-bottom: 0; } 
#edit-display-settings-top .views-ui-display-tab-setting { float: left; }
.views-ui-display-tab-bucket .views-display-setting:nth-of-type(even) { background-color: rgba(0, 0, 0, 0.06); }
.form-edit .form-actions, .views-display-top, .view-preview-form__title { background-color: rgba(0, 0, 0, 0.12); }


/* User */


/* Pager */
.pager { margin: 1em 0 0 0; }
.pager__items { margin: 0; }
.pager__item { padding: 0; margin: 1em 0; }
.pager__item A { padding: .3em .75em .2em .75em; display: inline-block;  border: solid 1px transparent; }
.pager__item:not(.pager__item--first):not(.pager__item--previous):not(.pager__item--next):not(.pager__item--last) A { border-color: var(--outline-color); }



/** Modules **/
#block-bettersocialsharingbuttons { display: flex; justify-content: center; margin-top: 2em; }
#block-bettersocialsharingbuttons * { align-self: center; }
#block-bettersocialsharingbuttons .social-sharing-buttons { margin: 0; }

TABLE.office-hours__table { width: auto; }
TABLE.office-hours__table TD, TABLE.office-hours__table TH { padding: 0 .5em 0 0; font-weight: normal; white-space: collapse; }
TABLE.office-hours__table TBODY TR { background-color: transparent; }


/** Maps **/
.leaflet-container { font-size: 0.666666666666667em; line-height: 1em; width: 100%; }
.leaflet-popup-content-wrapper { overflow: hidden; border: 5px white solid; padding: 0; }
.leaflet-popup-content { margin: 0; text-align: center; font-size: 1em; }
.leaflet-popup-content A { text-decoration: none; }



/** Accessibility **/

.theme__hivis A, .theme__hivis A *, .theme__hivis INPUT.button { color: #fff !important; fill: #fff !important; }

.theme__hivis #block-accessibilitytoolbar .collapsiblock A,
.theme__hivis .search-block-form .collapsiblock A,
.theme__hivis #superfish-main-toggle { background-color: #fff !important; }

/** Calendar **/
.calendar-calendar th { color: inherit; background-color: inherit; }
.calendar-calendar TABLE>tbody>tr:nth-child(even),
.calendar-calendar .month-view .full td.single-day div.monthview, .calendar-calendar .week-view .full td.single-day div.weekview, .calendar-calendar .day-view .full td.single-day div.dayview { background-color: transparent; }

.calendar-calendar tr td.today, .calendar-calendar tr.odd td.today, .calendar-calendar tr.even td.today { background-color: var(--highlight-color); border-radius: .25em; }

.calendar-calendar .month-view div.calendar { font-size: var(--text-small); line-height: 1.2em; }

.view[class*="calendar"] .view-header { display: flex; justify-content: space-between; }
.view[class*="calendar"] .view-header H2 { order: 1; }
.view[class*="calendar"] .view-header .calendar-pager__item--next { order: 2; }

.calendar-calendar table TR TD { color: var(--text-color); border-color: var(--outline-color); }
.calendar-calendar table TR TD.past-month,
.calendar-calendar table TR TD.future-month { color: var(--text-dim-color); }

.calendar-calendar th.days { padding: 1px 3px; font-weight: normal; }

.calendar-calendar .month-view .full td.single-day .calendar-empty, .calendar-calendar .month-view .full td.single-day.empty, .calendar-calendar .month-view .full td.date-box.empty { background-color: #eee; }

.calendar-calendar td.empty,
.calendar-calendar .week-view .full div.calendar-agenda-hour, .calendar-calendar .day-view .full div.calendar-agenda-hour, .calendar-calendar .week-view .full div.calendar-agenda-items, .calendar-calendar .day-view .full div.calendar-agenda-items, .calendar-calendar td.calendar-agenda-items { border-color: var(--outline-color); }

.calendar-calendar table.mini { border-collapse: separate; border-spacing: 1px; }
.calendar-calendar table.mini TR TD { padding: 2px; text-align: center; vertical-align: middle; }
.calendar-calendar table.mini TR TD.month { padding: 3px; }
.calendar-calendar tr TD.mini.has-events {  }
.calendar-calendar tr TD.mini.has-events A { color: var(--link-color-invert); text-decoration: none; background-color: var(--link-color); border-radius: .25em; display: block; }
.calendar-calendar tr TD.mini.has-events A:hover { background-color: var(--hover-color); }


.calendar-calendar td.calendar-agenda-hour { font-family: inherit; }
.calendar-calendar td.calendar-agenda-hour .calendar-hour { font-size: 1em; font-weight: normal; }
.calendar-calendar td .inner div, .calendar-calendar td .inner div a { background: transparent; }
.calendar-calendar .day-view div.calendar  { font-size: 1em; }
.calendar-calendar .day-view TH.calendar-dayview-hour,
.calendar-calendar .day-view TD.calendar-agenda-hour,
.calendar-calendar .day-view TH.calendar-agenda-items { display: none; }

.calendar-calendar .day-view .inner { min-height: auto; }



.calendar-legend TABLE { width: auto; margin: 1em auto; }
.calendar-legend TABLE TH, .calendar-legend TABLE TD { padding: .25em; display: inline-block; }
.calendar-legend TABLE TR { display: inline-block; background-color: transparent !important; }
.calendar-legend TABLE THEAD { display: none; }


/** Print **/

@media print {
@page { size: auto; orphans: 3; widows: 2; margin: .5in; }
* {
      -webkit-print-color-adjust: exact;
      print-color-adjust: exact;
}

html, body, .dialog-off-canvas-main-canvas {  height: auto !important; }

html body {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	color: #000;
	background-color: transparent !important;
	background-image: none !important;
	font-size: 1rem;
}

.layout-container { width: auto !important; height: auto !important; margin: 0 0 0 0 !important; display: block !important; }

main { display: block !important; }

.sidebars-first main {
	grid-template-columns: 100%;
	grid-template-areas: "featured" "content" "footer";
}

header[role=banner], nav.menu, .layout-sidebar-first, #block-usermenu, .block-local-tasks-block, .webform-submission-navigation, .webform-submission-information, .block-help, .messages, .block-social, footer .block-menu { display: none !important; }

.layout-container > main > .layout-content,
.layout-container > main .region-content { background: none !important; margin: 0 !important; padding-left: 0 !important; padding-right: 0 !important; 
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

.region-header, .region-menu, .region-featured { width: 100%; margin: 0; }
.site-name A { text-indent: 0 !important; height: auto !important; width: auto !important; background: none !important; }
h1 { font-size: 1.5rem !important; }
h2, h3, legend, .views-label { page-break-after: avoid; }

FIELDSET.webform-type-fieldset { margin: 0 0 .5em 0 !important; padding: 0 1em !important; column-count: 2 !important; }
.webform-type-fieldset > LEGEND { padding: 0 !important; }
.form-item { margin-bottom: .5em !important; }

}