:root
	{
		--color-ivory: rgb(255,255,240);
		--color-beige: rgb(245,245,220);
		--space-xs: 0.25rem;
		--space-sm: 0.5rem;
		--space-md: 1rem;
		--space-lg: 2rem;
		--font-sm: .925rem;
		--font-md: 1rem;
		--font-lg: 1.125rem;
		--font-xlg: 1.25rem;
		}
		
.mt-1 { margin-block-start: 1rem; }
.mb-1 { margin-block-end: 1rem; }
.mt-2 { margin-block-start: 2rem; }
.mb-2 { margin-block-end: 2rem; }

.node-id-134 .dataTables_filter {
float: none;
text-align: left;
}

h2.section-divider {
	border-top: 3px solid var(--color-vlight-gray);
	padding-top: .5rem;
	margin-block-start: 2rem;
}
.button-row {
	display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1rem;
}

.button-row div {text-align: center;}
.button-row p { margin-bottom: 0; }
.button-row img { margin-bottom: .5rem; }

.views-element-container footer { background-color: transparent; padding: 0; }
.views-element-container footer p { color: var(--color-black); margin: .5rem auto; }
.tbstriped td {
font-size: .925em;
}
#travelclinics td:nth-child(3) {
	white-space: nowrap;
}

.informe-logo div.responsive img {
  max-width: 110px;
  height: auto; 
}
.maine211-logo div.responsive img { 
  max-width: 160px;
	height: auto;
}

.views-field-timestamp {
		font-weight: bold;
}
/* new alert box added just under top tabs */
.alertbox
{
	width: 100%;
	padding: 6px 0;
}

.alertbox.red	{background-color: var(--color-red);}
.alertbox.green { background-color: var(--color-green)}
.alertbox.aqua { background-color: var(--color-aqua)}
.alertbox.light-gray { background-color: var(--color-near-white)}
.alertbox.dark-blue { background-color: var(--color-dark-blue)}
.alertbox.light-yellow { background-color: var(--color-light-yellow)}


.alertmessage
{
	max-width: 80em;
	margin: 0 auto;
}

.alertbox p
{
	font-size: 1.125rem;
	font-weight: bold;
	margin: 0 0 0 16px;
	color: var(--color-silver);
}

.alertbox.light-gray p { color: var(--color-dark-gray)}
.alertbox.light-yellow p { color: var(--color-dark-gray)}

ul.toolbar-menu {
max-width: 100%;
}

.views-field-field-date-issued { margin: 1rem 0; }

.location-group p {
display: block;
}

/* allow more than the usual number of nested left menus */

#sectionnav ul li ul li ul li ul, .sectionnav ul li ul li ul li ul {
  display: block;
  font-style: italic;
}

/* styles for field group tabs */
.horizontal-tabs p:first-child { font-size: 1.25rem; font-weight: bold; }
.horizontal-tabs .horizontal-tabs-list {
	background-color: var(--color-white);
	border-bottom: 1px solid #ccc;
}
.horizontal-tabs .horizontal-tab-button {
	background: var(--color-vlight-gray);
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-collapse: collapse;
}

.user-login-form .form-text { font-size: 1rem; padding: 8px 12px; }

/* styles for headers on drinking water financial resources */
.node-id-1179 h4 { margin-block: .5rem 0; }
.node-id-1179 h3 { border-top: 2px solid var(--color-dhhs-blue); padding-block-start: .25rem; }
.node-id-1179 h3:first-child { border-top: none; padding-block-start: 0; }
/* END styles for headers on drinking water financial resources */

.button, .button:visited {
	font-size: 1rem;
}

#search-block-form, #search-block-form2 {
padding: 6px 6px 6px 6px;
}

#search404-page-text { margin-block: 1rem 2rem; }

.form-item-keys { width: 100%; }

.path-frontpage input.form-search {
	color: var(--color-medium-gray);
	border: 1px solid var(--color-vlight-gray);
	background-color: var(--color-white);
	display: block;
	font-size: 16px;
	line-height: 1.3;
	padding: 4.8px 22.4px 3.2px 12.8px;
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
	box-shadow: none;
	border-radius: 5px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

.js-form-type-number {display: flex; gap: .25rem; margin-block-end: .25rem; }
.js-form-type-number label { order: 2 }
.js-form-type-number input.form-number { order: 1; width: 3.5rem; }

fieldset { margin-block-end: 1rem; }

.card-box {
  flex: 0 1 280px;
}
.page-node-type-home-page .card-box {
  flex: 1 1 280px;
}

.hero-paragraph .hero-content {
	background-color: rgba(255,255,255,.7);
	padding-block: .5rem;
}

.horizontal-tabs {
	border: none;
}

/* rules for sectioning content */

.border-top {
	border-top: 2px solid var(--color-sf-main);
	padding-top: 1rem;
}

.text-rule { 
border-top: 2px solid var(--color-light-gray);
padding-top: .5rem;
}

  .checklist {
    list-style: none;
    padding: 0;
  }

  .checklist li {
    display: flex;
    align-items: center;
  }

  .checklist input[type="checkbox"] {
    margin-right: 0.5em;
    font-size: 1.125rem;
    width: 1.2em;
    height: 1.2em;
  }

.checklist li p {
margin: 0;
}

/* STYLES FOR IMMUNIZATION ORDER FORM */

.webform-submission-maine-immunization-program-mater-form .responsive { max-width: 170px; height: auto; }
.webform-submission-maine-immunization-program-mater-form fieldset {
  border: 1px solid var(--color-light-gray);  /* Custom border */
  border-radius: 5px;         /* Rounded corners */
  padding: 1em;               /* Space inside */
  background-color: #f9f9f9;  /* Light background */
  margin: 1em 0;              /* Space around */
}

@media (min-width: 768px) {
    .webform-flex--container > .form-item > input:not([type="checkbox"]), .webform-flex--container > .form-item > select, .webform-submission-form textarea {
        border: unset;
        border: 1px solid var(--color-light-gray);
    }
}

.webform-submission-maine-immunization-program-mater-form legend {
  font-weight: bold;
  color: var(--color-black);
  padding: 0 10px;
  font-size: 1.1em;
}

.webform-submission-maine-immunization-program-mater-form hr {   
	border: none; /* Remove the default border */
  height: 1px; /* Give it a visible height */
  background-color: var(--color-light-gray); /* Set the background color to red */
}

/* .webform-submission-maine-immunization-program-mater-form #edit-schedules-records2,
.webform-submission-maine-immunization-program-mater-form #edit-schedules-records3,
.webform-submission-maine-immunization-program-mater-form #edit-booklets-flexbox
{ justify-content:space-between; }

#edit-schedules-records2 .webform-flex.webform-flex--1:first-child,
#edit-schedules-records3 .webform-flex.webform-flex--1:first-child,
#edit-booklets-flexbox .webform-flex.webform-flex--1:first-child {
flex: 0 1 200px !important;
}

#edit-schedules-records2 .webform-flex.webform-flex--1:third-child,
#edit-schedules-records3 .webform-flex.webform-flex--1:third-child,
#edit-booklets-flexbox .webform-flex.webform-flex--1:third-child {
flex: 0 1 100px !important;
}*/

.photo100 { max-width: 100px; }

/* END STYLES FOR IMMUNIZATION ORDER FORM */

/* STYLES FOR CONSUMER CONFIDENCE REPORT SEARCH FORM */

#views-exposed-form-lho-admin-block-1,
#block-views-block-lho-searches-block-1,
#block-views-block-consumer-confidence-reports-block-1,
#block-views-exposed-form-local-health-officers-search-block-1,
#block-views-block-water-systems-block-1,
#block-views-block-compliance-sample-block-1,
#block-views-block-drinking-water-testing-requirements-block-1,
#block-views-block-local-health-officers-search-block-1 {   
	border: 1px solid var(--color-light-gray);  /* Custom border */
  border-radius: 5px;         /* Rounded corners */
  padding: 1em;               /* Space inside */
  background-color: #f9f9f9;  /* Light background */
  margin: 1em 0;              /* Space around */
  max-width: 52rem;
  text-align: center;
}

#views-exposed-form-lho-admin-block-1 { text-align: left; }
#views-exposed-form-lho-admin-block-1 .form-actions { text-align: left; }

.dataTables_filter input[type="search"],
.dataTables_filter input[type="text"],
input[type="text"]#edit-search-api-fulltext,
form#views-exposed-form-lho-admin-block-1 input[type="text"]#edit-name,
input[type="text"]#edit-field-pwsid-value,
input.long  { 
	font-size:1rem; 
	padding: 4px; 
	margin-block: 5px; 
	border-radius: 5px; 
	border: 1px solid var(--color-light-gray);}

#block-views-block-lho-searches-block-1 label,
#block-views-block-compliance-sample-block-1 label,
#block-views-block-consumer-confidence-reports-block-1 label, 
#block-views-block-local-health-officers-search-block-1 label,
#views-exposed-form-water-systems-block-1 label,
#block-views-block-drinking-water-testing-requirements-block-1 label
 { 
		font-weight: bold;
}
#block-views-block-compliance-sample-block-1 label { display: block; }

#views-exposed-form-lho-admin-block-1 .description,
#block-views-block-compliance-sample-block-1 .description,
#block-views-block-lho-searches-block-1 .description,
#block-views-block-consumer-confidence-reports-block-1 .description, 
#block-views-block-local-health-officers-search-block-1 .description,
#views-exposed-form-water-systems-block-1 .description,
#block-views-block-drinking-water-testing-requirements-block-1 .description
{ font-style: italic; }

.ccr-results, .lho-results, .views-field-field-pwsid, #block-views-block-lho-searches-block-1 .views-row { 
	font-size: 1rem;
	background-color: var(--color-white);
	padding: .5rem;
	margin-block: .5rem 0;
}

.ccr-results+.ccr-results, .lho-results+.lho-results, #block-views-block-lho-searches-block-1 .views-row+#block-views-block-lho-searches-block-1 .views-row { 
	padding: 0;
}

.form-item-field-public-health-district-target-id, .form-item-field-county-lho-target-id { margin-block-end: .5rem; }
.form-item-field-county-lho-target-id,
.form-item-field-public-health-district-target-id
{
display: flex;
gap: 6px;
}
#views-exposed-form-lho-admin-block-1 select 
{	color: var(--color-medium-grey);
	border: 1px solid #aaa;
	background-color: var(--color-white);
	display: block;
	font-size: 16px;
	line-height: 1.3;
	padding: 4.8px 22.4px 3.2px 12.8px;
	width: auto;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	border-radius: .5em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-image: url('data:image/svg+xml; charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, var(--background) 0%,#e5e5e5 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
}

.form-item-field-county-lho-target-id label,.form-item-field-public-health-district-target-id label { padding-block-start: 3px; }

.pwsid-number { color: var(--color-red); }

.highlight {
	background-color: var(--color-ivory);
	padding-block: 1rem .5rem;
	padding-inline: 1rem;
	border-radius: 5px;
	margin-block: 1rem;
}

.inline-list { margin-inline: 0; padding-inline: 0; }
.inline-list li { display: inline; }
.inline-list li::after { content: " | "}

ul.compact li { margin:0; }
dl:not(.class) dd {
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
}
dl:not(.class) dt p {
  margin-block-start: 0;
  margin-block-end: 0;
}
dl:not(.class) dd p {
  margin-block-start: 0;
  margin-block-end: 1rem;
}

#DataTables_Table_0_wrapper #DataTables_Table_0_filter label input[type=search] { font-size:1rem; padding: 4px; margin-block: 5px; }
#search-block-form input[type=search] { font-size:1rem; }
.dataTables_length, .dataTables_filter { margin-top: .5rem; }

	details {padding: 10px;background-color: #e4eaef;border-radius: 5px; margin-bottom: 8px;}
	summary {background-color: #e4eaef;color: black;padding: 10px;}
	summary  {list-style: none;}
	summary::-webkit-details-marker {display: none;} /* for safari */
	summary {display: flex;}
	    
	summary::before {
	      content: '';
	      width: 18px;
	      background: url('images/plus.svg');
	  background-repeat: no-repeat;
	  background-size: contain;
	      margin-left: 8px;
	      margin-right: 8px;
	      transition: 0.2s;
	    }
	    
	details[open] > summary::after {
	      transform: rotate(45deg);
	    }
	details > summary {
	  transition: color 1s;
	}

.form-item-send-me-a-free-lead-dust-test-kit-for-my-home label { font-weight: bold; font-size: 1.25rem; }

.plain.compact li {
margin: 0;
}

.travel-clinics td:nth-child(3) { white-space: nowrap; }

.searchbutton input[type=submit] { height: unset; top: 5px; }

.button, .button:visited, .button:hover,
.button--primary {
color: var(--color-white);
background-color: var(--color-blue);
}

.hl-list {flex:1 1 320px;background-color: #fff;border: 1px solid #e0e0e0;border-radius: 5px; border-top: 5px solid!important;border-top-color: #84bc49 !important;}
	.hl-list.blue {border-top: 5px solid!important;border-top-color:rgb(101, 168, 221) !important;}
.hl-list:first-child {}
.hl-list:last-child {}
.hl-list ul {padding-left:16px;padding-right:.5em;}
.hl-list p {margin:1em 1em 1.5em 16px !important;}
.hl-list ul {margin-left:0 !important;list-style:none;}
	.hl-list h2,.hl-list h3 {padding: .5em 1em .5em 16px;margin: 0;font-size: 1.5em;border-bottom: 1px solid #e0e0e0;color:rgb(51, 80, 129) !important;}
	.hl-list:hover h2,.hl-list:hover h3 {color:rgba(58, 116, 213,1);}
	.hl-list li li {margin-bottom:.5em;}
.hl-list footer {background-color:#fff;}
.hl-list .gdform h3 {border-bottom: none;}
.herotext h2 {font-size:2em !important;margin: .25em 0 !important;}
.home-lists li {display: flex;margin-bottom:.5em;}
.home-lists .noflex li {display: block !important;margin-bottom:.5em;}
aside .home-lists li {display:block;margin: 1em 0 !important;}
aside .hl-list  {margin: 1em 0 !important;}
	aside .hl-list:last-child {margin-left: 0;}
	aside .hl-list:first-child {margin-left: 0 !important;}
	@media (max-width: 760px) {
		.herotext {width:88%;}
		.hl-list {border: none;border-radius:0;margin: 1em;}
		.herotext h2 {font-size:1.325em !important;}
		.hl-list:last-child {margin-right: 0;margin-left: 0;}
		.hl-list p,.hl-list ul {padding-right:12px;}
		.hl-list {height:auto;}
		aside .hl-list {margin: 1em 0 !important;}
   .home-lists {flex-direction:column;padding:0 1em;}
	}

	@media all and (min-width: 40em) {
	  .home-lists {flex-direction:row; flex-wrap: nowrap; gap:16px; }
	}

aside {
margin-inline: 16px;
padding-inline-start: 4px;
flex: 1 0 20%;
}

ul.sf-menu .sf-depth-1 {
	min-block-size: 4rem;
}

ul.sf-menu.menu ul {
	margin-block-start: 24px;
}

/* hide anything beyond the third tab on desktop */

@media only screen and (min-width: 752px) {
	nav.megamenu ul.sf-menu li ul li ul, nav.megamenu ul.sf-menu li ul .sf-sub-indicator { display:none !important; }
}

.informe-logo {
	inline-size: 110px;
	block-size: auto;
}

.maine211-logo div.responsive img {
	inline-size: 160px;
	block-size: auto;
}

.maincontent, .maincontent1, .maincontent2, .maincontent2r, .maincontent3 {
	padding-block-start: 1rem;
	margin-block-start: 0;
}

#maincontent, #maincontent1, #maincontent2, #maincontent2r, #maincontent3 {
	padding-block-start: 0;
	margin-block-start: 0;
}

footer .sub-container h2, footer .sub-container h3 {
	font-size: 1.125rem;
}

footer .sub-container p, footer .sub-container li {
	font-size: .825rem;
}

.paragraph--type--multi-column h2 {
	text-align: center;
}

.four-col {
	column-count: 4;
}

.three-col {
	column-count: 3;
}

.two-col {
	column-count: 2;
}

.four-col p,
.three-col p,
.two-col p{
  break-inside: avoid;               
  break-inside: avoid-column;        
}

@media (max-width: 1043px) {
	.three-col {
		column-count: 2;
	}
	
	.four-col {
		column-count: 3;
	}
}

@media (max-width: 720px) {
	.three-col {
		column-count: 1;
	}
	
	.four-col {
		column-count: 3;
	}
}

ul.plain li {
	margin-block-end: .5rem;
}

h1:first-of-type {
	margin-block-start: 0;
	margin-block-end: 16px;
	margin-inline-start: 0;
	margin-inline-end: 0; 

}

#views-exposed-form-health-advisory-notices-block-1 {
	display: flex;
	padding: 6px;
	margin-block-end: 1rem;
	gap: 4px;
}

#views-exposed-form-health-advisory-notices-block-1 label {
	font-weight: bold;
}

#views-exposed-form-health-advisory-notices-block-1 .button {
	font-size: 1rem;
	padding-block-start: 4px;
	padding-block-end: 4px;
	padding-inline-start: 6px;
	padding-inline-end: 6px;
	font-weight: bold;
	background-color: var(--color-white);
	color: var(--color-sf-main);
	border: 2px solid var(--color-sf-main);
}

#views-exposed-form-health-advisory-notices-block-1 #edit-combine {
	font-size: 1rem;
	padding-block-start: 4px;
	padding-block-end: 4px;
	padding-inline-start: 6px;
	padding-inline-end: 6px;
}

.tbstriped tr td {
	font-size: .925em;
}

.tbstriped.cols-0 td:first-child {
	white-space: nowrap;
}

.tbstriped.water-utility td:third-child {
	white-space: nowrap;
}

.date-entry { margin-bottom: .5rem; }

.pic500.right,.pic450.right,.pic400.right,.pic350.right,.pic325.right,.pic300.right,.pic275.right,.pic250.right,.pic225.right,.pic200.right,.pic175.right,.pic125 .right
{
	margin: 8px 0 8px 8px;
	float: right;
	max-width: 100%;
	height: auto;
}

.pic500 { width: 500px; }
.pic450 { width: 450px; }
.pic400 { width: 400px; }
.pic350 { width: 350px; }
.pic325 { width: 325px; }
.pic300 { width: 300px; }
.pic275 { width: 275px; }
.pic250 { width: 250px; }
.pic225 { width: 225px; }
.pic200 { width: 200px; }
.pic175 { width: 175px; }
.pic125 { width: 125px; }

ol ul { margin: 0 0 0 0; }

.button.js-form-submit.form-submit {
    margin-block-end: 1rem;
}

#edit-reset
{
	margin: 16px auto;
	font-weight: 700;
	font-size: 1.125em;
	text-align: center;
	padding: 0 12px;
	width: auto;
	height: auto;
	border: none;
	border-radius: 4px;
	text-decoration: none;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	/*for better wrapping*/
	line-height: 2em;
}

#edit-reset,#edit-reset:visited
{
	font-weight: 700;
	background-color: var(--color-button-secondary-cta);
	color: var(--color-table-head);
}

#edit-reset:hover { transition: background-color .5s ease-out; }


@media only screen and (min-width: 781px)
{
	#edit-reset,#edit-reset:visited
	{
		padding: 1px 12px;
		font-size: 1rem;
		margin-top: 0;
	}
}

/* on-page anchor links
.anchor-list
{
	border-top: 5px solid var(--color-bright-green);
	border-bottom: 5px solid var(--color-bright-green);
	padding-block: 12px;
	display: inline-block;
	margin-inline-start: 0;
	list-style: none;
}

.anchor-list li a:first-child { display: inline-block; }

.anchor-list li
{
	display: inline;
	margin: 0 0 4px 0;
}

.anchor-list li:after
{
	content: " | ";
	white-space: pre;
	break-before: avoid;
	color: var(--color-light-gray);
}

.anchor-list li:last-child:after { content: ""; } */

.webform-submission-vaccines-forchildren-quiz-form { max-width: 54rem; margin-inline: auto; margin-block-end: 2rem; }
.webform-submission-vaccines-forchildren-quiz-form input[type=text] { margin-block-end: 1rem; }
.webform-quiz-elements__score { padding: 1rem; border-radius: 5px; background-color: var(--color-ivory); margin-block: 1rem; }
.radios--wrapper { margin-block-end: 1rem; }
legend { font-weight: bold; }