@charset "UTF-8";
/* Contact: red5@utah.gov */
/* ------------------------------------------ Web Fonts ------------------------------------------ */
/**
 * @license
 * MyFonts Webfont Build ID 3914625, 2020-06-15T14:42:42-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: DharmaGothicE-Regular by Dharma Type
 * URL: https://www.myfonts.com/fonts/flat-it/dharma-gothic/e-regular/
 * 
 * Webfont: DharmaGothicE-Bold by Dharma Type
 * URL: https://www.myfonts.com/fonts/flat-it/dharma-gothic/e-bold/
 * 
 * Webfont: DharmaGothicE-RegularItalic by Dharma Type
 * URL: https://www.myfonts.com/fonts/flat-it/dharma-gothic/e-regular-italic/
 * 
 * Webfont: DharmaGothicE-BoldItalic by Dharma Type
 * URL: https://www.myfonts.com/fonts/flat-it/dharma-gothic/e-bold-italic/
 * 
 * 
 * Webfonts copyright: Copyright (c) 2011 by Ryoichi Tsunekawa. All rights reserved.
 * 
 * © 2020 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/3bbb81");
  
@font-face {
  font-family: 'DharmaGothic-Regular';
  src: url('../../vendor/myfonts/dharma-regular/font.woff') format('woff2'), url('../../vendor/myfonts/dharma-regular/font.woff') format('woff');
}





/************************************************

Stylesheet: Global Stylesheet

*************************************************/
/*********************
POSTS & CONTENT STYLES
*********************/
.page-title .vcard {
  border: 0px;
  padding: 0px; }

.byline {
  color: #999; }

.entry-content img {
  max-width: 100%;
  height: auto; }

.entry-content .alignleft,
.entry-content img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left; }

.entry-content .alignright,
.entry-content img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right; }

.entry-content .aligncenter,
.entry-content img.aligncenter,
.aligncenter,
img.aligncent {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both; }

.entry-content video, .entry-content object {
  max-width: 100%;
  height: auto; }

.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px; }

.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px; }
  .wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%; }
  .wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: .25rem 0 7px;
    text-align: center; }

.post-password-form input[type="submit"] {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  font-family: inherit;
  padding: 0.85em 1em;
  -webkit-appearance: none;
  border: 1px solid transparent;
  border-radius: 0;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-size: 0.9rem;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  background-color: #1779ba;
  color: #fefefe; }
  [data-whatinput='mouse'] .post-password-form input[type="submit"] {
    outline: 0; }
  .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus {
    background-color: #14679e;
    color: #fefefe; }

/*********************
IMAGE GALLERY STYLES
*********************/
.gallery {
  max-width: 100%;
  /*margin-left: auto;*/
  margin-right: auto;
  margin-right: -15px;
  margin-left: -15px; }

.gallery::before, .gallery::after {
  content: ' ';
  display: table; }

.gallery::after {
  clear: both; }

.gallery.gallery-columns-1 > dl {
  width: 100%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .gallery.gallery-columns-1 > dl {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .gallery.gallery-columns-1 > dl:last-child:not(:first-child) {
    float: right; }

.gallery.gallery-columns-2 > dl {
  width: 50%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .gallery.gallery-columns-2 > dl {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .gallery.gallery-columns-2 > dl:last-child:not(:first-child) {
    float: right; }

.gallery.gallery-columns-3 > dl {
  width: 33.33333%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .gallery.gallery-columns-3 > dl {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .gallery.gallery-columns-3 > dl:last-child:not(:first-child) {
    float: right; }

.gallery.gallery-columns-4 > dl {
  width: 25%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .gallery.gallery-columns-4 > dl {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .gallery.gallery-columns-4 > dl:last-child:not(:first-child) {
    float: right; }

.gallery.gallery-columns-5 > dl {
  width: 20%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .gallery.gallery-columns-5 > dl {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .gallery.gallery-columns-5 > dl:last-child:not(:first-child) {
    float: right; }

.gallery.gallery-columns-6 > dl {
  width: 16.66667%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .gallery.gallery-columns-6 > dl {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .gallery.gallery-columns-6 > dl:last-child:not(:first-child) {
    float: right; }

.gallery.gallery-columns-7 > dl {
  width: 14.28571%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .gallery.gallery-columns-7 > dl {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .gallery.gallery-columns-7 > dl:last-child:not(:first-child) {
    float: right; }

.gallery.gallery-columns-8 > dl {
  width: 12.5%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .gallery.gallery-columns-8 > dl {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .gallery.gallery-columns-8 > dl:last-child:not(:first-child) {
    float: right; }

.gallery dl {
  width: 100%;
  float: left;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem; }

.gallery dl:last-child:not(:first-child) {
  float: right; }

/*********************
PAGE NAVIGATION STYLES
*********************/
.page-navigation {
  margin-top: 1rem; }

/*********************
COMMENT STYLES
*********************/
#comments .commentlist {
  margin-left: 0px; }

#respond ul {
  margin-left: 0px; }

.commentlist li {
  position: relative;
  clear: both;
  overflow: hidden;
  list-style-type: none;
  margin-bottom: 1.5em;
  padding: 0.7335em 10px; }
  .commentlist li:last-child {
    margin-bottom: 0; }
  .commentlist li ul.children {
    margin: 0; }

.commentlist li[class*=depth-] {
  margin-top: 1.1em; }

.commentlist li.depth-1 {
  margin-left: 0;
  margin-top: 0; }

.commentlist li:not(.depth-1) {
  margin-left: 10px;
  margin-top: 0;
  padding-bottom: 0; }

.commentlist .vcard {
  margin-left: 50px; }
  .commentlist .vcard cite.fn {
    font-weight: 700;
    font-style: normal; }
  .commentlist .vcard time {
    float: right; }
    .commentlist .vcard time a {
      color: #999;
      text-decoration: none; }
      .commentlist .vcard time a:hover {
        text-decoration: underline; }
  .commentlist .vcard img.avatar {
    position: absolute;
    left: 10px;
    padding: 2px;
    border: 1px solid #cecece;
    background: #fff; }

.commentlist .comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em; }

.commentlist .comment-reply-link {
  float: right; }

/*********************
COMMENT FORM STYLES
*********************/
.respond-form {
  margin: 1.5em 10px;
  padding-bottom: 2.2em; }
  .respond-form form {
    margin: 0.75em 0; }
    .respond-form form li {
      list-style-type: none;
      clear: both;
      margin-bottom: 0.7335em; }
      .respond-form form li label,
      .respond-form form li small {
        display: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url],
    .respond-form form textarea {
      padding: 3px 6px;
      background: #efefef;
      border: 2px solid #cecece;
      line-height: 1.5em; }
      .respond-form form input[type=text]:focus,
      .respond-form form input[type=email]:focus,
      .respond-form form input[type=url]:focus,
      .respond-form form textarea:focus {
        background: #fff; }
      .respond-form form input[type=text]:invalid,
      .respond-form form input[type=email]:invalid,
      .respond-form form input[type=url]:invalid,
      .respond-form form textarea:invalid {
        outline: none;
        border-color: #fbc2c4;
        background-color: #f6e7eb;
        -ms-box-shadow: none;
        box-shadow: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url] {
      max-width: 400px;
      min-width: 250px; }
    .respond-form form textarea {
      resize: none;
      width: 97.3%;
      height: 150px; }

#comment-form-title {
  margin: 0 0 1.1em; }

#allowed_tags {
  margin: 1.5em 10px 0.7335em 0; }

.nocomments {
  margin: 0 20px 1.1em; }

/*********************
SIDEBARS & ASIDES
*********************/
.sidebar li {
  list-style: none; }

.widget ul {
  margin: 0; }

/*********************
FOOTER STYLES
*********************/
.footer {
  clear: both;
  margin-top: 1em; }


/*********************
PLUGIN STYLES
*********************/
.gform_body ul {
  list-style: none outside none;
  margin: 0; }




/* ------------------------------------------ Theme Styles ------------------------------------------ */
* { 
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-tap-highlight-color: transparent;  /* i.e. Nexus5/Chrome and Kindle Fire HD 7' */
}

body {
	color: #636363;
	background: #fff;
    font-family: "Sentinel A", "Sentinel B", "Georgia";
	font-size: 1.1rem;
    font-style: normal;
    font-weight: 400;
}

a[href^="tel:"] {
	color: #636363;
}

h1 {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Arial;
	font-size: 2.3rem;
	line-height: normal;
	font-weight: bold;
    margin-bottom: 3.125rem;
}

h2 {
	font-family: "Sentinel A", "Sentinel B", "Georgia";
	font-style: normal;
	font-weight: 700;
	font-size: 1.8rem;
	padding: 0;
	margin: 3.125rem 0 1.5rem 0;
	line-height: 1;
}

.h2 {
	font-family: "Sentinel A", "Sentinel B", "Georgia";
	font-size: 1.8rem;
}

h2.alt {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Arial;
	font-weight: bold;
}

h2 a {
	color: #636363;
}

h3 {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Arial;
	font-size: 1.4rem;
	font-weight: bold;
	padding: 0;
	margin: 3.125rem 0 1.125rem 0;
	line-height: 1;
}

.h3 {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Arial;
	font-size: 1.4rem;
	font-weight: bold;
}

h4 {
	font-family: "Sentinel A", "Sentinel B", "Georgia";
    font-style: normal;
	font-weight: bold;
    font-size: 1.1rem;
    margin: 1.125rem 0 .2rem 0;
}

h5 {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Arial;
	font-size: 1.1rem;
	font-weight:bold;
	color: #0080b7;
	margin: 1.125rem 0 1rem 0;
}

h5 a {
	color: #636363;
}

h6 {
    font-family: "Sentinel A", "Sentinel B", "Georgia";
    font-weight: bold;
	font-size: 1.1rem;
	padding: 0;
	margin: 1.125rem 0 1rem 0;
}

.faq {
    font-style: italic;
}

.faq::before {
    background-size: contain;
	background-repeat: no-repeat;
	content: '';
    width: 1.625rem;
    height: 1.625rem;
	display: block;
    float: left;
    margin-right: .5rem;
}

h1 small, 
h2 small, 
h3 small, 
h4 small, 
h5 small, 
h6 small {
	color: inherit;
}

h1.has-background, 
h2.has-background, 
h3.has-background, 
h4.has-background, 
h5.has-background, 
h6.has-background {
    padding: 1.25rem;
}

a:hover {
	text-decoration: underline;
}

a:not([href]) {
	cursor: text;
}

a.modal-link:not([href]),
li.modal-link a:not([href]),
a.accordion-title:not([href]) {
	cursor: pointer;
}

main a:hover {
	color:#636363;
}

address {
	font-style: normal;
	margin-bottom: 1rem;
    font-size: 1.1rem;
    line-height: 1.6;
    text-rendering: optimizeLegibility;
}

section.entry-content ol, 
section.entry-content ul {
    /*padding: 0 0 0 40px;*/
    padding: 0 0 0 2.5rem;
	/*margin: 1rem 0 1rem 0;*/
    margin: 1rem 0 1.5rem 0;
}

/* Don't indent carousels/sliders */
section.entry-content ul.orbit-container {
    padding: 0;
}


main ul ul li {
	list-style: circle;
}

hr,
.wp-block-separator {
	clear: none;
	border-top: 1px solid #d9d9d9;
	border-bottom: none;
}

hr.quarter {
	width: 25%;
	margin-left: 0;
}

hr.fat {
	border-bottom-width: .25rem;
}

hr.aq {
	border-bottom-color: #1ab7da;
}

iframe {
	border: none;
}

.highlighter {
	background-color:#ff0;
}

.highlighter-editing {
	background-color:#FF0;
	color: #F00;
	font-weight: bold;
}

.attention {
	color: #f00;
}

.advisory {
	text-align: center;
	margin: 1rem 0 0 0;
}

.advisory.warning h3 {
	color: #000;
    background-color: #ff0;
    padding: .25rem;
    border-radius: .25rem;
    margin-top: .375rem;
}

.advisory.danger h3 {
	color: #000;
    background-color: #f00;
    padding: .25rem;
    border-radius: .25rem;
    margin-top: .375rem;
}

.warning .fa-triangle {
	color: #ff0;
}

.warning .fa-exclamation-triangle {
	color: #000;
}
.danger .fa-triangle {
	color: #f00;
}

.danger .fa-exclamation-triangle {
	color: #000;
}

.lifted {
	color: #add361;
	margin-right: .25rem;
}

.reported {
	color: #000;
	margin-right: .25rem;
}

.exceedance {
	margin-right: .25rem;
}

.last-update {
	margin-right: .375rem;
}

.last-sample {
	margin-right: .375rem;
}

span.warning,
span.danger {
	margin-right: .25rem;
}

.alert {
    background-color: #ff0;
    padding: .5rem .5rem .5rem 1rem;
	margin: 1.3rem auto 1rem auto;
	border: .125rem #000 solid;
}

.is-home .alert {
	padding: 1rem 1.25rem 1rem 1.25rem;
	margin: 1rem 1rem 1rem 1rem;
}

p:empty {
	display: none;
}

p.alert,
.alert p,
.alert h2, 
.alert h3 {
	color: #000;
}

.alert h3 {
	margin: 1.1rem 0 1.1rem 0;
}

.alert a {
	color: #f00;
	font-weight: bold;
	text-decoration: underline;
}

blockquote,
blockquote p {
	color: #636363;
}

pre.wp-block-preformatted  {
	margin-bottom: 1rem;
    white-space: pre;
}



/* ------------------------------------------ Gutenberg Block Editor Stuff ------------------------------------------ */
p.has-background {
	padding:0;
}




/* ------------------------------------------ Top Bar Stuff ------------------------------------------ */
.utah-gov-header {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.parallax-window {
	background-size: cover;
	position: relative;
	min-height: 14.875rem;
}

.parallax-window::before {
	content: '';
	background-color: rgba(255, 255, 255, .8);
	width: 100%;
	height: 100%;
	position: absolute;
}


.is-home .parallax-window::before {
	content: '';
	background-color: transparent;
}

.js-off-canvas-overlay.is-overlay-fixed {
	z-index: 1;
}

.off-canvas.is-open {
	z-index: 2;
}
#utahGovHeaderWrapper a {
	color:#fff;
}

.top-bar, .top-bar ul {
	background-color: rgba(64, 64, 64, .86);
}

.top-bar .show-for-medium {
	width: 100%;
}

#top-bar-menu {
	width:100%;
	padding: 0;
	position: absolute;
}

#top-bar-menu a {
	color: #fff;
}

.top-bar #main-menu-button-wrapper {
	float: right;
	/*margin: 0 1rem 0 0;*/
    padding: .37rem;
}

.top-bar #main-menu-button-wrapper a {
	cursor: pointer;
    padding: 0 .5rem;
}

#top-bar-menu .menu>li>a {
	padding: 0 .5rem;
    height: 3.125rem;
    display: table-cell;
    vertical-align: middle;
}

.show-for-small-only a.top-bar-menu-icon {
	color: #fff;
	display: block;
}




/* ------------------------------------------ Branding Stuff ------------------------------------------ */
.top-bar .dept-logo-container { /* Add the mountain background */ 
	background-size: 582px 183px;
    background-repeat: no-repeat;
	display: block;
	width: 582px;
	height: 183px;
	position: absolute;
	left: 50%;
    transform: translate(-50%); /* Center absolute positioned element */
}

.top-bar .dept-logo { /* Add the logo container */
	display: block;
	margin: 1.75rem auto 0 auto;
	height: 5.75rem;
    background-repeat: no-repeat;
}

/* Inline, icon menu like on the 2018 State of Environment Report */
.menu-logo-vertical a {
	width: 100%;
	height: 170px;
	display: block;
	margin: 26px auto 0 auto;
}

.menu-logo-vertical .button-aq a {
	background-image: url("https://deq.utah.gov/wp-content/themes/deq/assets/images/branding/Logo-Utah-DEQ-Vertical-Air-Quality.svg");
	background-size: 100% 100%;
}

.menu-logo-vertical .button-dw a {
	background-image: url("https://deq.utah.gov/wp-content/themes/deq/assets/images/branding/Logo-Utah-DEQ-Vertical-Drinking-Water.svg");
	background-size: 100% 100%;
}

.menu-logo-vertical .button-err a {
	background-image: url("https://deq.utah.gov/wp-content/themes/deq/assets/images/branding/Logo-Utah-DEQ-Vertical-Environmental-Response-Remediation.svg");
	background-size: 100% 100%;
	height: 11.625rem;
}

.menu-logo-vertical .button-wmrc a {
	background-image: url("https://deq.utah.gov/wp-content/themes/deq/assets/images/branding/Logo-Utah-DEQ-Vertical-Waste-Management-Radiation-Control.svg");
	background-size: 100% 100%;
	height: 11.625rem;
}

.menu-logo-vertical .button-wq a {
	background-image: url("https://deq.utah.gov/wp-content/themes/deq/assets/images/branding/Logo-Utah-DEQ-Vertical-Water-Quality.svg");
	background-size: 100% 100%;
}




/* ------------------------------------------ Off Canvas and Show for Small ------------------------------------------ */
.show-for-small-only .main-menu-container {
	position:relative;
	z-index: 50;
	margin: .75rem 0 0 0;
}

#top-bar-menu .show-for-small-only .top-bar-menu-icon {
	margin: 0 0 0 .875rem;
}

.show-for-small-only .dept-logo {
    display: block;
    width: 213px;
    height: 75px;
	margin: 0;
    position: absolute;
    top: 1rem;
    left: 46%;
    transform: translate(-50%);
}




/* ------------------------------------------ Archive Stuff ------------------------------------------ */
span.category-title {
	color: #636363;
}

.page-title a.category-link:hover {
	text-decoration: none;
}

body.archive #main header {
	padding: 1rem 1rem 0 1rem;
}

body.archive #inner-content a.button.excerpt-read-more {
	width: 12.5rem;
	margin: 0;
}

body.archive #main article h3 {
	margin: 0 0 .125rem 0;
}

body.archive #main article {
	padding: 1rem;
	border-radius: .125rem;
	margin: 0 0 1rem 0;
	border-bottom: 1px solid #d9d9d9;
}

body.archive a.featured-image {
	float: left;
	margin: 0 1rem 1rem 0;
}


article.ghost-category span.category-title {
	display: none;
}




/* ------------------------------------------ Pagination Stuff ------------------------------------------ */
.pagination .current {
    color: #fff;
}

.pagination a,
.pagination .current {
	font-size: 1.8rem;
	padding: .3rem .8rem;
}




/* ------------------------------------------ Button Stuff ------------------------------------------ */
/* Don't combine these general declaration with the specific ID ones directly after  */
button,
.wp-block-button__link,
.button,
a.button,
#home-widgets li.button a {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Arial;
	font-weight: bold;
	font-size: 1.1rem;
	color: #fff;
	border-radius: .125rem;
}

.wp-block-buttons {
    margin-bottom: 1rem;
}

#home-widgets-inner-content .home-big-buttons a.button {
    padding: 1.875rem;
    margin: 0;
    border-radius: 0;
}


/* Default Gut button if no other is specified */
.wp-block-button__link {
    background-color: #0080b7;
}

/* When the .button css comes from a wp menu, it is applied to the <li> insted of the <a>. Need to set padding and width to the <a> in this case */
#home-widgets li.button {
	padding: 0;
}

#home-widgets li.button a {
	display: inline-block;
	width: 100%;
	padding: .85rem 1rem;
	min-height: 2.75rem;
	vertical-align: bottom;
}

.button:hover, 
.button:focus {
	background: #0070a6;
	color: #fefefe; 
	text-decoration: none;
}

.close-button {
	color: #636363;
}

.close-button:hover {
	color: #0080b7;
}

a.diamond-button {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Arial;
	font-size: 2rem;
	color: #fff;
	background: url(https://deq.utah.gov/wp-content/themes/deq/assets/images/buttons/button-diamond-deq.svg) center center no-repeat;
	display: block;
	width: 20rem;
	height: 20rem;
    text-align: center;
    padding-top: 108px;
    line-height: 1.2;
}

a.diamond-button span {
	max-width: 216px;
    display: block;
    margin: 0 auto;
}

a.diamond-button:hover {
	color: #fff;
}

#inner-content a.button.excerpt-read-more {
	background-color: transparent;
	color: #636363;
	border: 1px solid #636363;
	clear: both;
	display: block;
	width: 90%;
	margin: 1.5rem auto;
}

#inner-content a.button.excerpt-read-more:hover {
	color: #fff;
}

#home-widgets {
	text-align: center;
}


#home-widgets-inner-content .home-big-buttons a.button svg {
	margin: 0 .375rem 0 0;
	width: auto;
	height: 19px;
}

.alphabet .button {
	padding: 1rem;
	margin: .25rem .25rem 0 0;
	min-width: 2.125rem;
}

.alphabet a.button {
	color: #fff;
}

.date-menu .button {
	padding: 3.75rem .5rem;
	margin: 3.75rem .25rem 0 0;
	min-width: 3.75rem;
}




/* ------------------------------------------ Content Stuff ------------------------------------------ */
.content .inner-content {
    padding: 1.5rem;
	margin: 0 auto;
    position: relative;
}

.thumbnail-container {
	position: relative;
}

.main article {
	background-color: rgba(255, 255, 255, .91);
	margin: 0;
}

header.archive {
	display: block;
    background-color: rgba(255, 255, 255, .91);
    padding: 1rem;
	margin: 1rem 0 0 1rem;
}

header.archive h1 {
	margin: 0;
}




/* ------------------------------------------ Reveal and Modal Stuff ------------------------------------------ */
.reveal-overlay {
    background-color: rgba(45, 42, 38, .94);
}

html.is-reveal-open .admin-bar #utahGovHeaderWrapper {
	top: 0;
}




/* ------------------------------------------ Search Stuff ------------------------------------------ */
#main-search-modal.reveal {
	background:none;
	background-color: rgba(64, 64, 64, 1);
    width: calc(100% - 3rem);
    max-width: none;
    border: 1px solid #d9d9d9;
    height: auto;
    min-height: auto;
}

#searchform-main {
    display: block;
	padding: 1.5rem;
}

#cse-search-box {
	width: 100%;
		
}

#searchform-main input[type="text"],
#searchform-not-found input[type="text"] {
    font-family: "Gotham Rounded A", "Gotham Rounded B", Arial;
    font-size: 1.4rem;
	background: rgba(255, 255, 255, .8);
	vertical-align: top;
	border: none;
	border-radius: 3px;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
	height: 3rem;
	width: calc(96% - 3rem);
	padding: 0 1rem;
	display: inline;
}

#searchform-not-found input[type="text"] {
	box-shadow: inset 0px 0px 5px 2px rgba(64,64,64,0.3);
	margin: 0 0 3.7rem 0;
}

#searchform-main button.search-button,
#searchform-not-found button.search-button {
	margin: 0 0 0 .5rem;
	cursor: pointer;
}

#searchform-main button.search-button:hover,
#searchform-not-found button.search-button:hover {
	color:#00afd8;
}

#main-search-modal .close-button, 
#main-search-modal .close-button.medium {
	color: #fff;
	top: 10px;
	right: 10px;
}

#main-search-modal .close-button:hover, 
#main-search-modal .close-button.medium:hover {
	color:#00afd8;
}

.home-search {
	color: #fff;
	font-style: italic;
	display: block;
}

#searchform-not-found .home-search,
#searchform-not-found button.search-button {
	color: #0080b7;
}




/* ------------------------------------------ Google Search Results Help ------------------------------------------ */
main.main .gsc-control-wrapper-cse .gsc-input-box {
	border: none;
	background: #fff;
	height: 3rem;
}

main.main .gsc-control-wrapper-cse .gsc-input-box-hover,
main.main .gsc-control-wrapper-cse .gsc-input-box-focus {
	box-shadow: none !important;
}

main.main .gsc-control-wrapper-cse table tbody, 
main.main .gsc-control-wrapper-cse table tfoot, 
main.main .gsc-control-wrapper-cse table thead {
    border: none;
    background-color: transparent;
}

main.main .gsc-control-wrapper-cse input.gsc-input {
	color: #636363 !important;
	vertical-align: top !important;
    border: 1px solid #ebebeb !important;
    border-radius: 3px !important;
    /*font-size: 21px !important;*/
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8) !important;
    height: 3rem !important;
    padding: 0 1rem 0 1rem !important;
	margin: 0 !important;
    display: inline !important;
}

main.main .gsc-control-wrapper-cse table tbody td.gsib_b {
    padding: 0;
}

main.main .gsc-control-wrapper-cse .gsib_a {
	padding: 0 .625rem 0 0;
}

main.main .gsc-control-wrapper-cse table a.gsst_a {
	background-color: #0080b7;
	border-radius: 3px;
    text-align: center;
	display: table-cell;
	vertical-align: middle;
	padding: 0px .5rem 0px .5625rem !important;
}

main.main .gsc-control-wrapper-cse table a.gsst_a:hover {
	text-decoration: none;
	background-color: #00afd8;
}

/* close button */
main.main .gsc-control-wrapper-cse table a.gsst_a span {
	color: #fff;
	vertical-align: middle;
	line-height: .9;
}

main.main .gsc-control-wrapper-cse .gsc-control-cse div {
	padding: 0;
}

main.main .gsc-control-wrapper-cse .gsc-search-button {
	display: none;
}

main.main .gs-webResult.gs-result a.gs-title:link, 
main.main .gs-webResult.gs-result a.gs-title:link b, 
main.main .gs-imageResult a.gs-title:link, 
main.main .gs-imageResult a.gs-title:link b,
main.main .gs-webResult.gs-result a.gs-title:visited, 
main.main .gs-webResult.gs-result a.gs-title:visited b, 
main.main .gs-imageResult a.gs-title:visited, 
main.main .gs-imageResult a.gs-title:visited b {
	color: #0080b7;
	font-size: 1.1rem;
}

main.main .gs-title {
    font-weight: bold;
}

main.main .gs-webResult div.gs-visibleUrl, 
main.main .gs-imageResult div.gs-visibleUrl {
    color: #00afd8;
	font-size: 1.1rem;
}

main.main .gs-webResult .gs-snippet,
main.main .gcsc-find-more-on-google-text,
main.main .gcsc-find-more-on-google-query,
main.main .gsc-result-info,
main.main .gsc-orderby-label.gsc-inline-block,
main.main .gs-imageResult .gs-snippet, 
main.main .gs-fileFormatType,
main.main .gs-fileFormat {
    color: #636363;
	font-size: 1.1rem;
}

main.main .gsc-results .gsc-cursor-box .gsc-cursor-page {
    border-color: #ebebeb;
    background-color: #fff;
    color: #0080b7;
	font-size: 1.1rem;
}

main.main .gs-web-image-box {
	margin: .5rem 1rem 0 0;
}

main.main .gs-image-box .svg-inline--fa {
	display: none;
}

main.main .gsc-selected-option-container {
    max-width: 100%
}

main.main .gsc-wrapper a::after,
main.main .gsc-wrapper a::before {
    display: none;
}


/* The .chrome-browser class comes from scripts.js. Only in Chrome, the Google auto search results were covering the input field. This is a browser specific fix. */
.chrome-browser table.gstl_50.gssb_c {
	margin-top: 1.5rem;
}




/* ------------------------------------------ Sidebar and Offcanvas and Widget Stuff ------------------------------------------ */

#sidebar1 #sidebar-accordion {
	display: none;
}

#sidebar1 .link-wrapper,
#off-canvas .link-wrapper {
	position: relative;
	pointer-events: none;
}

#sidebar1 li.current-menu-parent.active > .link-wrapper,
#off-canvas li.current-menu-parent.active > .link-wrapper {
	background-color: #d9d9d9;
}

#sidebar1 button.submenu-toggle,
#off-canvas button.submenu-toggle {
	height: 100%;
	pointer-events: auto;
}

#off-canvas {
	padding: 31px 0 0 0;
}

.admin-bar #off-canvas {
	padding: 62px 0 0 0;
}

#sidebar1 .widget,
#off-canvas .widget {
	background-color: #ebebeb;
	border-radius: 2px;
	padding: 0;
	margin-bottom: 1.125rem;
}

#sidebar1 .widget:last-child,
#off-canvas .widget:last-child {
	margin-bottom: 0;
}

#sidebar1 h3,
#off-canvas h3 {
	color: #636363;
	margin: 0 0 .625rem 0;
	padding: 0 0 0 .625rem;
}

#sidebar1 .widget_nav_menu h3,
#off-canvas .widget_nav_menu h3 {
	display: none;
}

#off-canvas ul.menu,
#off-canvas ul.menu ul {
	list-style: none;
}

#sidebar1 ul:first-child,
#sidebar1 .widget_recent_entries,
#off-canvas ul:first-child {
	border-top: none;
}

#sidebar1 .menu.nested,
#off-canvas .menu.nested {
	margin: 0;
}

#sidebar1 ul ul.submenu,
#off-canvas ul ul.submenu {
    border-left: 10px solid #fff;
}

#sidebar1 ul li.menu-item,
#off-canvas ul li.menu-item {
	position: relative;
}

#sidebar1 .active>a,
#off-canvas .active>a {
	background-color: #ebebeb;
	text-shadow: none;
	transition: background-color 0.3s ease;
}

#sidebar1 ul > li.menu-item a, 
#sidebar1 .widget_recent_entries ul li a,
#off-canvas ul > li.menu-item a,
#off-canvas .widget_recent_entries ul li a {
    padding: 1.875rem 2.1875rem 1.875rem 1.875rem;
	display: block;
	text-decoration: none;
	border-top: 3px solid #fff;
	transition: background-color 0.3s ease;
}

#sidebar1 ul > li.menu-item.divider > a {
	border-color:#636363;
	border-top-style: double;
	border-top-width: .25rem;
}

#sidebar1 ul > li.menu-item a:hover,
#sidebar1 .active>a:hover,
#sidebar1 li>a:hover + .submenu-toggle,
#sidebar1 .submenu-toggle:hover,
#sidebar1 li>a:hover,
#off-canvas ul > li.menu-item a:hover,
#off-canvas .active>a:hover,
#off-canvas li>a:hover + .submenu-toggle,
#off-canvas .submenu-toggle:hover,
#off-canvas li>a:hover {
	background-color: rgba(64, 64, 64, .3);
	text-shadow: none;
}

#sidebar1 .menu .current-menu-item>a,
#sidebar1 .current-menu-item>.submenu-toggle,
#off-canvas .menu .current-menu-item>a,
#off-canvas .current-menu-item>.submenu-toggle {
	color: #fff;
	text-shadow: none;
}

body.android #sidebar1 .active>a:hover,
body.android #sidebar1 li>a:hover,
body.android #sidebar1 li>a:hover + .submenu-toggle,
body.android #off-canvas .active>a:hover,
body.android #off-canvas li>a:hover,
body.android #off-canvas li>a:hover + .submenu-toggle{
	background-color: #fff;
	text-shadow: none;
}

#sidebar1 .is-accordion-submenu-parent>a::after,
#off-canvas .is-accordion-submenu-parent>a::after {
	display:none;
}

/* button.submenu-toggle comes from foundation.min.js */
#sidebar1 .submenu-toggle,
#off-canvas .submenu-toggle {
	background-color: transparent;
	width: 100%;
    height: 2.375rem;
    cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	transition: background-color 0.3s ease, color 0.3s ease;
}

#sidebar1 button,
#off-canvas button {
	font-weight: normal;
}

/* When browser support improves, consider using one svg for all divisions and changing its color with masking. Currently each division gets its own like in old-timey days. */
#sidebar1 .submenu-toggle,
#off-canvas  .submenu-toggle {
    background-size: 26px 26px;
    background-repeat: no-repeat;
	background-position: 96%;
    display: block;
    float: right;
}

#sidebar1 .submenu-toggle::after,
#off-canvas .submenu-toggle::after {
	display: none; /* I'm using the .submenu-toggle background svg instead */
}

/* If submenu-toggle, then separator border goes on the link wrapper instead of the link to prevent hover overlap */
#sidebar1 .has-submenu-toggle>div.link-wrapper>a,
#off-canvas .has-submenu-toggle>div.link-wrapper>a {
    border-top: none;
}

#sidebar1 .has-submenu-toggle>div.link-wrapper,
#off-canvas .has-submenu-toggle>div.link-wrapper {
    border-top: 3px solid #fff;
}

#sidebar1 .has-submenu-toggle>a,
#off-canvas .has-submenu-toggle>a{
   margin: 0;
}

#sidebar1 .svg-inline--fa,
#off-canvas .svg-inline--fa {
	width: auto;
	margin: 0 .25rem 0 0;
}

#sidebar1 svg[data-fa-pseudo-element=":after"].svg-inline--fa,
#off-canvas svg[data-fa-pseudo-element=":after"].svg-inline--fa {
	width: auto;
	margin: 0 0 0 .25rem;
}

#sidebar1 .fa-hand-point-right.space-left,
#off-canvas .fa-hand-point-right.space-left {
	margin-left: .25rem;
}

#sidebar1 .secondary-menu-button,
#off-canvas .secondary-menu-button {
	display: none;
	font-size: 1.1rem;
	font-weight: normal;
	margin: 0;
	text-align: left;
	border: none;
	color: #fff;
	padding: 1rem;
}

#sidebar1 .secondary-menu-button svg,
#off-canvas .secondary-menu-button svg {
	display: inline;
}

#sidebar1 .secondary-menu-button span,
#off-canvas .secondary-menu-button span {
	display: inline;
	padding-left: .5rem;
}

#sidebar1 .accordion-content,
#off-canvas .accordion-content {
	padding: 0;
}


#sidebar1-inner-content {
	background-color: transparent;
	border: none
}




/* ------------------------------------------ Mission Stuff and Quote Stuff ------------------------------------------ */
#mission {
	background-size: cover;
}

#mission .grid-x {
	margin: 0 3rem 0 3rem;
}


.mission-content {
	z-index: 2;
	background: transparent;
	position: relative;
}

#mission h2 {
	color: #fff;
	font-family: "Gotham Rounded A", "Gotham Rounded B", Arial;
	font-size: 3rem;
	font-weight: bold;
}

#mission p {
	color: #fff;
	font-family: "Gotham Rounded A", "Gotham Rounded B", Arial;
	font-size: 1.7rem;
}

#mission img.mission-logo {
	max-width: 160px;
	margin: 0 1.5rem 0 0;
}

.values-top {
	min-height: 1.625rem;
	margin-top: -1px;
}

.values-bottom {
	padding: 5.125rem 0 0 0;
	min-height: 1.5625rem;
}

.quote.home {
	background-color: #fff;
	font-family: "Gotham Rounded A", "Gotham Rounded B", Arial;
	text-align: center;
	font-size: 1.7rem;
	padding: 3.8rem 15% 3.8rem 15%;
	margin: 0;
}




/* ------------------------------------------ Quick Links Stuff ------------------------------------------ */
#quicklinks {
	background: url(https://deq.utah.gov/wp-content/themes/deq/assets/images/backgrounds/Quick-Links-Background.svg) top center no-repeat #f2f2f2;
	background-size: 100% 9.375rem;
	padding: 11.625rem 2rem 1.75rem 2rem;
    margin-top: 2rem;
}

#quicklinks .grid-x {
	margin: 0 auto;
}

#quicklinks li.menu-item {
	width: 33.3%;
	float: left;
	display: inline;
}

#quicklinks .active>a {
	background-color: transparent;
}

#quicklinks .current-menu-item>a {
	font-weight: bold;
}

#quicklinks .active>a:hover {
	text-decoration: underline;
}

#quicklinks .quicklinks-menu-button {
	display: none;
	font-size: 1.1rem;
	margin: 0;
	text-align: left;
	border: none;
	padding: .625rem;
}

#quicklinks .quicklinks-menu-button p {
	font-size: 1.5rem;
	vertical-align: bottom;
	padding: 0 0 0 .5rem;
	display: inline;
}

#quicklinks span.quick-title {
	color: #636363;
	font-style: italic;
}

#quicklinks-inner-content {
	background-color: transparent;
	border: none;
	padding: 0;
}




/* ------------------------------------------ Footer Stuff ------------------------------------------ */
.footer {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Arial;
    padding: 1.5rem 2rem 3rem 2rem;
	margin: 0;
}

.footer .grid-x {
	margin: 0 auto;
}

#footer-top {
	background-color: #f2f2f2;
	background-size: auto 100%;
	width: 100%;
	height: 152px;
}

.footer .grid-x {
	width: 100%;
}

.footer .copyright .dept-logo {
	background: url(https://deq.utah.gov/wp-content/themes/deq/assets/images/branding/Logo-Utah-DEQ-Department-White.svg) bottom left no-repeat;
	background-size: 260px 5.75rem;
	display: block;
	width: 260px;
	height: 5.75rem;
	margin: 0 0 1.5rem 0;
}

.footer .copyright p {
	color: #fff;
	text-align: center;
	line-height: 1;
	height: 5.75rem;
	display: table-cell;
	vertical-align: bottom;
}

.footer .copyright #social-media-bottom .menu>li>a {
	font-size: 2rem;
	padding: 0 1rem 0 0;
}

.footer address {
	color: #fff;
	margin: 1rem 0 0 0;
}

.footer .copyright address a {
	color: #fff;
}

.footer .copyright address a[href^="tel:"] {
    margin-right: .5rem;
}

.footer address span.no-wrap {
	margin: 0 .625rem 0 0;
}

.footer address .svg-inline--fa {
	margin: 0 .25rem 0 0;
}

.footer .contact-us-wrapper {
	background:url(https://deq.utah.gov/wp-content/themes/deq/assets/images/buttons/contact-us-diamond-only.svg) no-repeat bottom right;
	background-size: contain;
	width:218px;
	height: 390px;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 0;
	margin: 0;
}

.footer .contact-us-wrapper a.button {
	background: url(https://deq.utah.gov/wp-content/themes/deq/assets/images/buttons/contact-us-button.svg) no-repeat top center;
	background-size: contain;
	width: 106px;
	height: 90px;
	position: absolute;
	top: 158px;
	right: 28px;
	padding: 94px 0 0 0;
	text-align: center;
	z-index: 20;
}

#social-media-bottom a {
	color: #fff;
}

#social-media-bottom a span {
	display:none;
}

#menu-footermenu li>a {
    background-color: #fff;
    border-radius: .25rem;
    padding: .625rem;
	margin: 0 .625rem 0 0;
	text-align: center;
}

#menu-footermenu li:last-child>a {
	margin-right: 0;
}

.back-to-top {
	background: none;
	margin: 0;
	position: fixed;
	bottom: .5rem;
	right: .5rem;
	z-index: 100;
	display: none;
	text-decoration: none;
	cursor: pointer;
}

#utah-dot-gov-footer {
	background: #404040;
	border-top: .125rem solid #fff;
	padding: .75rem 0 .75rem 0;
}

#utah-dot-gov-footer .grid-x {
	margin: 0 auto;
}

#utah-dot-gov-footer  a {
	color: #fff;
}

.meta-entry {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Arial;
	border-top: 1px solid #cacaca;
	padding: 1rem 0 1rem 0;
	margin: 1rem 0 0 0;
}

.meta-entry a {
	font-weight: bold;
}

.meta-entry #categories a {
	color: #fff;
	font-weight: normal;
	display: inline-block;
    padding: 0.33333rem 0.5rem;
	margin-top: .5rem;
    border-radius: 0;
    line-height: 1;
    /*white-space: nowrap;*/
}

.meta-entry #categories a.air-quality,
.meta-entry #categories a.drinking-water, 
.meta-entry #categories a.environmental-response-and-remediation, 
.meta-entry #categories a.waste-management-and-radiation-control, 
.meta-entry #categories a.water-quality {
	background-image: url("https://deq.utah.gov/wp-content/themes/deq/assets/images/branding/Logo-Icon-Utah-DEQ-Bug-White.svg");
	background-repeat: no-repeat;
	background-size: .9rem 1rem;
	background-position: .4rem;
	padding-left: 1.6rem;
}

.meta-entry #tags a {
	color: #fff;
	font-weight: normal;
	display: inline-block;
    padding: 0.2rem 0.3rem;
	margin-top: .5rem;
    border-radius: 0;
    line-height: 1;
    white-space: nowrap;	
}

body.archive.category-news .meta-entry {
	border-top: none;
}

.article-footer {
	clear: both;
}




/* ------------------------------------------ Accordion Stuff ------------------------------------------ */
#main .accordion {
	margin-bottom: 1rem;
}

.main .accordion-title {
    display: block;
	align-items: center;
    padding-right: 3.6rem;
}

.accordion {
	background-color: rgba(254, 254, 254, 0);
}

.accordion-title.main,
.accordion-title.h2 {
	color: #636363;
	font-style: normal;
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1;
	margin-bottom: 0;
}

.accordion-title.h3 {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Arial;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 0;
}

.accordion-title.h4 {
	color: #636363;
	font-family: "Sentinel A", "Sentinel B", "Georgia";
    font-style: normal;
	font-weight: bold;
    font-size: 1.17rem;
    margin: 0;
}

.accordion-title.main,
.accordion-title.h2,
.accordion-title.h4 {
	background-image: url(../images/icons/fontawesome/plus-circle-solid-grey-dark.svg);
}
.is-active>.accordion-title.main,
.is-active>.accordion-title.h2,
.is-active>.accordion-title.h4 {
	background-image: url(../images/icons/fontawesome/minus-circle-solid-grey-dark.svg);
}

.accordion-title.h5 {
	font-family: "Sentinel A", "Sentinel B", "Georgia";
	font-size: 1.1rem;
	font-weight: bold;
	margin: 0;
}

.accordion-title.h6 {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Arial;
	font-size: 1.1rem;
	font-weight: 600;
	padding: 0;
	margin: 0 0 0 0;
	line-height: 1;
}

.accordion-title.has-white-color,
.accordion-title.h3.has-white-color,
.accordion-title.has-white-color:hover,
.accordion-title.h3.has-white-color:hover {
	background-image: url(../images/icons/fontawesome/plus-circle-solid-white.svg);
	color: #fff;
}


.is-active>.accordion-title.has-white-color,
.is-active>.accordion-title.h3.has-white-color,
.is-active>.accordion-title.has-white-color:hover,
.is-active>.accordion-title.h3.has-white-color:hover {
	background-image: url(../images/icons/fontawesome/minus-circle-solid-white.svg);
}



.accordion-title.has-black-color,
.accordion-title.h3.has-black-color,
.accordion-title.has-black-color:hover,
.accordion-title.h3.has-black-color:hover {
	background-image: url(../images/icons/fontawesome/plus-circle-solid-black.svg);
	color: #fff;
}


.is-active>.accordion-title.has-black-color,
.is-active>.accordion-title.h3.has-black-color,
.is-active>.accordion-title.has-black-color:hover,
.is-active>.accordion-title.h3.has-black-color:hover {
	background-image: url(../images/icons/fontawesome/minus-circle-solid-black.svg);
}



.accordion-content {
	color: #636363;
}

/* When browser support improves, consider using one svg for all divisions and changing its color with masking. Currently each division gets its own like in old-timey days. */
.accordion-title,
.accordion-title:hover {
	background-size: 1.5rem 1.5rem;
	background-repeat: no-repeat;
	background-position: 96%;
}

.accordion-title::before,
.is-active>.accordion-title::before {
	content: ''; /* I'm using background svg images instead */
}

#main a.accordion-title:hover  {
	text-decoration: none;
}

/* Show more is for collapsing/expanding text within large passages */
.accordion.show-more .accordion-title {
	color: #636363;	
	font-family: "Sentinel A", "Sentinel B", "Georgia";
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
    padding: 0 0 0 1rem;
	margin: .6rem 0 0 0;
    border: none;
    font-size: 1.1rem;
    line-height: 1.6;
}




/* ------------------------------------------ Dropdown Stuff ------------------------------------------ */
.column-2 {
	column-count: 2;
}

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

.menu.column-2 li,
.menu.column-3 li {
	display: inline-block;
}


main ul.menu li {
	list-style-type: none;
	width: 100%;
}

ul.dropdown.menu.button-links ul.menu {
	background-color: #d9d9d9;
	padding: .5rem .5rem 0 .5rem;
	width: 100%;
	border: none;
}
ul.dropdown.menu.button-links ul.menu {
	background-color: #d9d9d9;
	padding: .5rem .5rem 0 .5rem;
	width: 100%;
	border: none;
}

ul.dropdown.menu.button-links ul.menu.shadow {
    box-shadow: 2px 4px 4px rgb(0, 0, 0, 27%);
}

ul.dropdown.menu.button-links a.button {
	margin: 0 0 .5rem 0;
}

section.entry-content ul.menu {
    padding: 0;
    margin: 0;
}

ul.dropdown.menu.button-links a {
	cursor: pointer;
}

ul.dropdown.menu.button-links a:hover {
	text-decoration: none;
}

ul.dropdown.menu.button-links.jabba a {
	padding: 1.625rem;
}

/* Help the submenu drop over the top of other elements */
ul.menu.submenu.is-dropdown-submenu {
    z-index: 7;
}

ul.dropdown.menu.button-links .is-dropdown-submenu-parent>a {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Arial;
	font-size: 1.4rem;
	font-weight: bold;
}

.dropdown.menu>li.is-dropdown-submenu-parent>a.white-text::after {
	border-color: #fff transparent transparent;
	margin-right: .625rem;
}

ul.dropdown.menu>li.is-active>a {
	color: #fff;
}




/* ------------------------------------------ Tabs Stuff ------------------------------------------ */
section.entry-content ul.tabs {
	background: transparent;
	padding: 0; 
	margin: 0;
}

section.entry-content .tabs-title>a {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Arial;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
}

section.entry-content .tabs-title.is-active a {
    color: #fff;
}

section.entry-content .tabs-title>a:hover {
	background: #d9d9d9;
	text-decoration: none;
}

section.entry-content .tabs-content {
	background: #fff;
	color: #636363;
}

/* Standard Tabs */
section.entry-content div.tabs-wrapper.standard ul.tabs {
    border: none;
}

section.entry-content div.tabs-wrapper.standard .tabs-title>a {
    background-color: #ebebeb;
    border-right: 2px solid #fff;
}

section.entry-content div.tabs-wrapper.standard .tabs-title:last-child>a {
    background-color: #ebebeb;
    border-right: none;
}

section.entry-content div.tabs-wrapper.standard .tabs-title>a:hover {
    background-color: #cde3e2;
}

section.entry-content div.tabs-wrapper.standard .tabs-content {
    border: 1px solid #ebebeb;
}


/* Full Width Tabs */
section.entry-content div.tabs-wrapper.fill-horizontal {
    border: 2px solid #b3b3b3;
}

section.entry-content div.tabs-wrapper.fill-horizontal ul.tabs {
    border: none;
    border-bottom: 2px solid #b3b3b3;
    margin-top: -2px;
	margin-bottom: 1.5rem;
}

section.entry-content div.tabs-wrapper.fill-horizontal .tabs-title {
	width: 100%;
}

section.entry-content div.tabs-wrapper.fill-horizontal li.tabs-title.is-active {
    border-top: 2px solid #b3b3b3;
    border-right: 2px solid #b3b3b3;
    margin-bottom: -2px;
}


section.entry-content div.tabs-wrapper.fill-horizontal .tabs-title>a {
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
}

section.entry-content div.tabs-wrapper.fill-horizontal .tabs-title>a {
	color: #fff;
}


section.entry-content div.tabs-wrapper.fill-horizontal .tabs-title:first-child>a {
    margin-left: -2px;
    border-left: none;
}

section.entry-content div.tabs-wrapper.fill-horizontal .tabs-title:last-child>a {
    margin-right: -2px;
    border-right: none;
}


section.entry-content div.tabs-wrapper.fill-horizontal .tabs-title.is-active a {
    border-left: 2px solid #b3b3b3;
}





/* ------------------------------------------ Homepage Stuff ------------------------------------------ */
.is-home #home-search-wrapper h1.primary {
	color: #fff;
	font-size: 3.1rem;
	font-weight:bold;
	margin: 0 0 2.75rem 0;
}

.is-home #home-search-wrapper {
	background-size: 100% 100%;
	display: block;
	text-align: center;
	padding: 218px 0 78px 0;
    margin-bottom: .9373rem;
}

.is-home #home-search-wrapper #searchform-home {
	width: 50%;
	max-width: 500px;
	margin: auto;
	display: block;
}

.is-home #home-search-wrapper #searchform-home form {
	position: relative;
}

.is-home #home-search-wrapper #searchform-home button.search-button {
	position: absolute;
	top: 7px;
	right: 1rem;
	width: 2rem;
	cursor: pointer;
}

.is-home #searchform-home input[type="text"] {
    font-family: "Gotham Rounded A", "Gotham Rounded B", Arial;
    font-size: 2rem;
	vertical-align: top;
	border-radius: 1px;
	background: rgba(255, 255, 255, 1);
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
	height: 3.5rem;
	width: 100%;
	padding: 0 2.875rem 0 1rem;
	display: inline;
}

.is-home #searchform-home input[type="submit"] {
	display: none;
}

.is-home #searchform-home span.has-tip {
	width: 48%;
}

.is-home #searchform-home .button {
	width: 100%;
	border: 1px solid #fff;
}

.is-home .grid-x.posts-row {
	margin: 0;
}

#home-widgets {
    margin: 0 0 1.5rem 0;
}

.is-home main {
	border-radius: .125rem;
}



/* ------------------------------------------ Home Links Stuff ------------------------------------------ */
#home-widgets .home-widgets-menu-button {
    color:#fff;
	display: none;
	font-size: 1.1rem;
	margin: 0;
	text-align: left;
	border: none;
	padding: .625rem;
}

#home-widgets .accordion-content {
	display: none;
	border: none;
	border-bottom: 0;
	background-color: transparent;
    padding: 0;
    margin: 0;
}

#home-widgets .home-widgets-menu-button span {
    font-size: 1.1rem;
    display: inline;
    vertical-align: bottom;
    padding-left: .5rem;
}




/* ------------------------------------------ Tooltip Stuff ------------------------------------------ */
.has-tip {
	border: none;
	font-weight: normal;
}

.has-tip a.button {
	cursor: help;
}

.tooltip {
	background: rgba(64, 64, 64, .96);
	font-family: "Gotham Rounded A", "Gotham Rounded B", Arial;
	color:#fff;
	font-size: 1.1rem;
}

.tooltip::before {
	border-color:transparent transparent rgba(64, 64, 64, .96);
	border-bottom-style:solid;
	border-top-width:0;
}

.tooltip.top::before {
	border-color:#404040 transparent transparent;
	border-top-style:solid;
	border-bottom-width:0;
	top:100%;
}

.tooltip.left::before {
	border-color:transparent transparent transparent rgba(64, 64, 64, .96);
	border-left-style:solid;
	border-right-width:0;
}

.tooltip.right::before {
	border-color:transparent rgba(64, 64, 64, .96) transparent transparent;
	border-right-style:solid;
	border-left-width:0;
}

.button span.has-tip {
	font-weight: bold;
}




/* ------------------------------------------ Document Icons, Font Icons, Font Awesome Stuff ------------------------------------------ */
/* Do not manually uses these two classes. They are reserved for GTM: email_link, phone_number_link */ 

a[href*=".pdf"]::after,
a[href*=".PDF"]::after,
a[href*=".xls"]::after,
a[href*=".XLS"]::after,
a[href*=".xlsx"]::after,
a[href*=".XLSX"]::after,
a[href*=".csv"]::after,
a[href*=".CSV"]::after,
a[href*=".doc"]::after,
a[href*=".DOC"]::after,
a[href*=".docx"]::after,
a[href*=".DOCX"]::after,
a[href*=".dot"]::after,
a[href*=".DOT"]::after,
a[href*=".kmz"]::after,
a[href*=".KMZ"]::after,
a[href*=".ppt"]::after,
a[href*=".PPT"]::after,
a[href*=".pptx"]::after,
a[href*=".PPTX"]::after,
a[href*=".mp4"]::after,
a[href*=".MP4"]::after,
a[href*=".mp3"]::after,
a[href*=".MP3"]::after,
a[href*=".wmv"]::after,
a[href*=".WMV"]::after,
a[href*=".zip"]::after,
a[href*=".ZIP"]::after,
a[href*="mailto:"]::after {
	background-repeat: no-repeat;
	background-position-y: bottom;
    content: ' ';
    width: 1rem;
    height: 1rem;
    display: inline-block;
    margin-left: .375rem;
}

a[href*=".kmz"]::after,
a[href*=".KMZ"]::after {
	background-image: url(../images/icons/fontawesome/map-regular.svg);
}
main.main a.wp-block-button__link[href*=".kmz"]::after,
main.main a.wp-block-button__link[href*=".KMZ"]::after {
	background-image: url(../images/icons/fontawesome/map-regular-white.svg);
}

a[href*=".pdf"]::after,
a[href*=".PDF"]::after {
	background-image: url(../images/icons/fontawesome/file-pdf-regular.svg)
}
main.main a.wp-block-button__link[href*=".pdf"]::after,
main.main a.wp-block-button__link[href*=".PDF"]::after {
	background-image: url(../images/icons/fontawesome/file-pdf-regular-white.svg)
}

a[href*=".xls"]::after,
a[href*=".xlsx"]::after,
a[href*=".XLS"]::after,
a[href*=".XLSX"]::after,
a[href*=".csv"]::after,
a[href*=".CSVe"]::after {
	background-image: url(../images/icons/fontawesome/file-excel-regular.svg);
}
main.main a.wp-block-button__link[href*=".xls"]::after,
main.main a.wp-block-button__link[href*=".xlsx"]::after,
main.main a.wp-block-button__link[href*=".XLS"]::after,
main.main a.wp-block-button__link[href*=".XLSX"]::after,
main.main a.wp-block-button__link[href*=".csv"]::after,
main.main a.wp-block-button__link[href*=".CSVe"]::after {
	background-image: url(../images/icons/fontawesome/file-excel-regular-white.svg);
}

a[href*=".doc"]::after,
a[href*=".docx"]::after,
a[href*=".dot"]::after,
a[href*=".DOC"]::after,
a[href*=".DOCX"]::after,
a[href*=".DOT"]::after {
	background-image: url(../images/icons/fontawesome/file-word-regular.svg);
}
main.main a.wp-block-button__link[href*=".doc"]::after,
main.main a.wp-block-button__link[href*=".docx"]::after,
main.main a.wp-block-button__link[href*=".dot"]::after,
main.main a.wp-block-button__link[href*=".DOC"]::after,
main.main a.wp-block-button__link[href*=".DOCX"]::after,
main.main a.wp-block-button__link[href*=".DOT"]::after {
	background-image: url(../images/icons/fontawesome/file-word-regular-white.svg);
}

a[href*=".ppt"]::after,
a[href*=".pptx"]::after,
a[href*=".PPT"]::after,
a[href*=".PPTX"]::after {
	background-image: url(../images/icons/fontawesome/file-powerpoint-regular.svg);
}
main.main a.wp-block-button__link[href*=".ppt"]::after,
main.main a.wp-block-button__link[href*=".pptx"]::after,
main.main a.wp-block-button__link[href*=".PPT"]::after,
main.main a.wp-block-button__link[href*=".PPTX"]::after {
	background-image: url(../images/icons/fontawesome/file-powerpoint-regular-white.svg);
}

a[href*=".mp4"]::after,
a[href*=".MP4"]::after,
a[href*=".wmv"]::after,
a[href*=".WMV"]::after {
	background-image: url(../images/icons/fontawesome/file-video-regular.svg);
}
main.main a.wp-block-button__link[href*=".mp4"]::after,
main.main a.wp-block-button__link[href*=".MP4"]::after,
main.main a.wp-block-button__link[href*=".wmv"]::after,
main.main a.wp-block-button__link[href*=".WMV"]::after {
	background-image: url(../images/icons/fontawesome/file-video-regular-white.svg);
}

a[href*=".mp3"]::after,
a[href*=".MP3"]::after {
	background-image: url(../images/icons/fontawesome/file-audio-regular.svg);
}
main.main a.wp-block-button__link[href*=".mp3"]::after,
main.main a.wp-block-button__link[href*=".MP3"]::after {
	background-image: url(../images/icons/fontawesome/file-audio-regular-white.svg);
}

a[href*=".zip"]::after,
a[href*=".ZIP"]::after {
	background-image: url(../images/icons/fontawesome/file-archive-regular.svg);
}
main.main a.wp-block-button__link[href*=".zip"]::after,
main.main a.wp-block-button__link[href*=".ZIP"]::after {
	background-image: url(../images/icons/fontawesome/file-archive-regular-white.svg);
}

a[href*="mailto:"]::after {
	background-image: url(../images/icons/fontawesome/envelope-regular.svg);
}
main.main a.wp-block-button__link[href*="mailto:"]::after {
	background-image: url(../images/icons/fontawesome/envelope-regular-white.svg);
}

/* If a link points to documents.deq/legacy/ then add the red archives box icon */
a[href^="https://documents.deq.utah.gov/legacy/"]::before {
	background-image: url(../images/icons/fontawesome/archive-regular-red-dark);
	background-repeat: no-repeat;
	background-position-y: bottom;
    content: ' ';
    width: 1rem;
    height: 1rem;
    display: inline-block;
    margin-right: .375rem;
}

.is-home #main .featured h3 a:link svg[data-fa-pseudo-element=":after"],
.archive #main article h3 a:link svg[data-fa-pseudo-element=":after"] {
	display: none;
}

/* Disable FontAwesome icon using the class no-fa5 */
a.no-fa5:after,
li.no-fa5 a:after,
div.no-fa5 a::after,
#main a.no-fa5:after,
#main h2 a.no-fa5:link:after, 
#main h3 a.no-fa5:link:after, 
#main h4 a.no-fa5:link:after, 
#main h5 a.no-fa5:link:after, 
#main h6 a.no-fa5:link:after {
    display: none;
}




/* ------------------------------------------ YouTube Stuff------------------------------------------ */
/* Wordpress 5.9 adds massive space above embedded YouTube Videos. This puts it back to zero. */
.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before,
.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before {
    padding-top: 0;
}

.youtube-tiles .wp-block-image a {
	background-color:rgba(0,0,0, 1);
	display: block;
	max-width: 15.625rem;
}

.youtube-tiles .wp-block-image a img {
	transition: opacity 0.3s;
}

.youtube-tiles .wp-block-image a img:hover {
	opacity: 0.3;
}




/* ------------------------------------------ Table Stuff ------------------------------------------ */
tbody {
    border: none;
}
.wp-block-table table {
	width: 100%;
	border-collapse: collapse;
}

.wp-block-table table.no-border {
	border: none;
}

.wp-block-table table tr.solid-color {
	background: #fff;
}

.wp-block-table table th {
	border-right: 1px solid #d9d9d9;
	padding: .25rem;
	vertical-align: top;
	text-align: left;
}

.wp-block-table table th.text-center,
.wp-block-table table td.text-center {
	text-align: center;
}

.wp-block-table table th:last-child {
	border-right: 1px solid #0080b7;
}

.wp-block-table table td {
	padding: .25rem;
	vertical-align: top;
	text-align: left;
}


.wp-block-table table.no-border td,
.wp-block-table table.no-border th {
	border: none;
}

.wp-block-table table tr th {
	color: #fff;
	font-family: "Gotham Rounded A", "Gotham Rounded B", Arial;
	font-weight: bold;

}

.wp-block-table table td img {
	display: block;
	margin: auto;
}

.wp-block-table table h2 {
	margin: 0;
	font-size: 1.1rem;
	font-weight: bold;
	padding: .25rem;
}

.wp-block-table table h3 {
	margin: 0;
	font-size: 1.1rem;
	font-weight: bold;
	padding: .25rem;
}

tbody tr:nth-child(even) {
    border-bottom: 0;
    background-color: #d9d9d9;
}

.wp-block-table table.has-white-background-color tbody tr {
	background-color: #fff;
}

.wp-block-table table tr td, 
.wp-block-table table tr th {
	page-break-inside: avoid;
}

.wp-block-table table tr:hover {
	background-color: #fffe71;
}

.wp-block-table table.rotated {
	width: 99%;
	table-layout: fixed;
}

/* The top vertical set of <th> doesn't usually need borders as in https://deq.utah.gov/water-quality/science-panel-membership-utah-lake*/
.wp-block-table table.rotated tbody>tr {
    border: 1px solid #fff;
}

.wp-block-table table th.rotate {
	vertical-align: bottom;
	text-align: center;
	padding: .75rem 0 .75rem 0;
}

.wp-block-table table th.rotate > div {
	transform: rotate(-90deg);
	transform-origin: 50% 50%;
	text-align: left;
	white-space: nowrap;
	margin: 0 -999px;
	display: inline-block;
    /* Do not block the email links beneath */
    pointer-events: none;
}

.wp-block-table table th.rotate.narrow,
.wp-block-table table td.narrow {
	width: 2.5rem;

}

.wp-block-table table th.rotate > div:before {
	content: '';
	padding-top: 100%;
	display: inline-block;
	vertical-align: middle;
}

.wp-block-table table th.rotate.side {
	vertical-align: middle;
}

.wp-block-table table tr.checkmarks td {
	text-align: center;
}

.wp-block-table table th.has-white-background-color {
	background-color: #fff;
	border: .125rem solid #fff;
}
.wp-block-table table th.has-grey-light-background-color {
	background-color: #d9d9d9;
}

.wp-block-table table th.has-grey-dark-color {
    color: #636363;
}

.wp-block-table table th.has-wq-light-background-color {
    background-color: #00a1c6;
}

.wp-block-table table th.has-dw-light-background-color {
    background-color: #82bed3;
}




/* ------------------------------------------ Form Stuff ------------------------------------------ */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Arial;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Arial;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Arial;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Arial;
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */




/* ------------------------------------------ Contact Form 7 Stuff ------------------------------------------ */
 div.wpcf7 {
	border-radius: .25rem;
	padding:1rem;
}

form.wpcf7-form .wpcf7-form-control-wrap .wpcf7-list-item.first {
	margin-top: .5rem;
}

form.wpcf7-form label,
form.wpcf7-form .label-text {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Arial;
	font-style: normal;
	font-weight: 700;
	font-size: 1.1rem;
	padding: 0;
	margin: 1rem 0 .125rem 0;
	line-height: 1;
}

form.wpcf7-form .wpcf7-form-control-wrap.resume {
	display: block;
	margin: .75rem 0 0 0;
}

/* Required "I Agree" checkbox value is bold */
form.wpcf7-form #agree span.wpcf7-list-item-label {
	font-weight: bold;
}
 
form.wpcf7-form input[type="submit"].wpcf7-submit {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Arial;
	color: #fff;
	margin: 1.5rem 0 0 0;
	display: inline-block;
	vertical-align: middle;
	padding: .85rem 1rem;
	border: 1px solid transparent;
	transition: background-color .25s ease-out,color .25s ease-out;
	font-size: 1.1rem;
	line-height: 1;
	text-align: center;
	cursor: pointer;
 }


form.wpcf7-form input[type="text"],
form.wpcf7-form input[type="number"],
form.wpcf7-form input[type="date"],
form.wpcf7-form input[type="email"],
form.wpcf7-form input[type="tel"],
form.wpcf7-form select.wpcf7-form-control.wpcf7-select,
form.wpcf7-form textarea {
	background-color: rgba(255, 255, 255, 0.8);
	border-radius: 3px;
	font-size: 1.4rem;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
	height: 2.5rem;
	width: 80%;
	padding: 0 1rem;
    box-sizing: border-box;
 }

 form.wpcf7-form select.wpcf7-form-control.wpcf7-select {
    padding-right: 2rem;
 }
 
form.wpcf7-form textarea {
	 height: 9.375rem;
 }

form.wpcf7-form input.referer-page { 
	display:none; 
}

span.wpcf7-list-item {
	display: block;
	clear: both;
}

.required {
	color: #f00;
	font-weight: bold;
}

div.wpcf7-recaptcha {
	margin: 1.5rem 0 0 0;
}


.grecaptcha-badge {
	display: none;
}





/* ------------------------------------------ Contact Form 7 Radio buttons and Check boxes ------------------------------------------ */
form.wpcf7-form input[type="checkbox"],
form.wpcf7-form input[type="radio"] {
	margin: 0 0 0 3.75rem;
}

.wpcf7 .wpcf7-list-item {
  display: block;
  margin-bottom: .625rem;
}

.wpcf7-form .wpcf7-radio label,
.wpcf7-form .wpcf7-checkbox label {
	font-family: "Sentinel A", "Sentinel B", "Georgia";
	font-weight: normal;
	position: relative;
	cursor: pointer;
}

.wpcf7-form .wpcf7-radio label,
.wpcf7-form .wpcf7-checkbox label {
	color: #636363;
}





/* ------------------------------------------ Constant Contact Stuff ------------------------------------------ */
/* CC adds CSS to <head>. That's why !important is used here */
/* prevent CC recaptcha badge from covering navigation */
.ctct-inline-form .g-recaptcha {
	display: none !important
}

main.main .ctct-form-embed .ctct-form-defaults {
	background-color: #ebebeb !important;
    padding: 1.5rem;
    margin: 0 0 1.5rem 0;
}

main.main [class*="ctct-"] {
    color: #636363 !important;
}

main.main .ctct-form-button {
    color:#fff !important
}

main.main div.ctct-form-embed form.ctct-form-custom input.ctct-form-element {
    font-size: 1.4rem;
}

.ctct-form-container h2,
.content div.ctct-form-embed div.ctct-form-defaults h2.ctct-form-header {
	font-family: "Sentinel A", "Sentinel B", "Georgia" !important;
	font-style: normal;
	font-weight: 700;
	font-size: 1.8rem !important;
	padding: 0;
	margin: 1.25rem 0 .125rem 0;
	line-height: 1;
}

.ctct-form-container h3 {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Arial  !important;
	font-size: 1.4rem;
	font-weight: bold;
	padding: 0;
	margin: 1.125rem 0 .125rem 0;
	line-height: 1;
}

.ctct-form-container p,
.ctct-form-container label {
	font-family: "Sentinel A", "Sentinel B", "Georgia" !important;
}

main.main div.ctct-form-embed form.ctct-form-custom .ctct-form-required {
    padding-left: 12px;
}

main.main div.ctct-form-embed form.ctct-form-custom .ctct-form-required:before {
    left: 0;
}

.content div.ctct-form-embed div.ctct-form-defaults p.ctct-form-text {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Arial;
	font-size: 1.1rem;
}

.content div.ctct-form-embed form.ctct-form-custom div.ctct-form-listitem label.ctct-form-checkbox-label, 
.content div.ctct-form-embed form.ctct-form-custom div.ctct-form-listitem input[type="checkbox"].ctct-form-checkbox {
    display: table-cell;
    vertical-align: text-top;
}

.content div.ctct-form-embed label {
	font-size: 1.1rem;
}

div.edo .ctct-form-custom .ctct-form-button,
div.aq-form .ctct-form-custom .ctct-form-button,
div.wmrc .ctct-form-custom .ctct-form-button {
	max-width: 50%;
}

.ctct-form-footer {
	display: none;
}

.main div.ctct-form-embed form.ctct-form-custom div.ctct-form-field {
    margin: 0;
}




/* ------------------------------------------ svg stuff ------------------------------------------ */
.svg-container { 
	margin: 1rem 0 1rem 0;
}

.svg-container path {
	transition: .4s fill;			
}

.svg-container path:hover {
	fill: #febb12;
}

.svg-container a:active  {
	background-color: #febb12;
}

.svg-label {
	pointer-events: none;
}

.svg-container .st2 {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Arial;
	font-weight: bold;
}

.svg-container .st3 {
	font-size: .5rem;
}



/* ------------------------------------------ Carousel Orbit Slider Stuff ------------------------------------------ */
.orbit-bullets button {
    background-color: #d9d9d9;
    vertical-align: bottom;
}

.orbit-bullets button.is-active {
    background-color: #636363;
}

.orbit-caption {
    background-color: rgba(99, 99, 99, .6);
    font-family: "Gotham Rounded A", "Gotham Rounded B", Arial;
    font-size: 1.4rem;
	font-weight: bold;
    color: #fff;
}





/* ------------------------------------------ Dharma Stuff ------------------------------------------ */
.dharma,
h2.dharma,
h3.dharma, 
h4.dharma,
h5.dharma,
h6.dharma {
	font-family: 'DharmaGothic-Regular';
	letter-spacing: .125rem;
	font-size: 1.32rem;
}

h2.dharma {
	font-size: 3rem;
}

h3.dharma {
	font-size: 2rem;
}


h4.dharma {
	font-size: 1.6rem;
	letter-spacing: 1px;
}

.wp-block-table table tr.dharma th {
	font-family: 'DharmaGothic-Regular';
	font-size: 1.32rem;
	letter-spacing: 1px;
}





/* ------------------------------------------ Custom Stuff ------------------------------------------ */
#skip a {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

#skip a:focus {
	position:static;
	width:auto;
	height:auto;
}

.disclaimer {
	font-style:italic;
}

.rounded {
	border-radius: .25rem;
}

.shout-it-out-loud {
	text-transform: uppercase;
}

.leading-thin * {
	line-height: 1.4;
}

.baracus {
	font-weight: bold;
}

.embiggen,
button.embiggen, 
.button.embiggen,
a.button.embiggen {
	font-size: 2.6rem;
    margin-bottom: 1rem;
}


.andre,
h2.andre,
button.andre, 
.button.andre,
a.button.andre {
	font-size: 4.6rem;
    margin-bottom: 1rem;
}

.fisher-price-phone {
    position: relative;
}

.fisher-price-phone .cell {
	position: relative;
	max-width: 15.625rem;
}

.fisher-price-phone h3 {
	color: #fff;
	pointer-events: none;
	position: absolute;
	padding: 0 0 0 1rem;
	z-index: 6;
}

.fisher-price-phone img {
	transition: opacity 0.3s;
}

.fisher-price-phone img:hover {
	opacity: .3;
}

.fisher-price-phone.camera a {
	/* divisions have their own transition colors, so spell out background options individually rather than using simply "background:". This avoids cascade issues */
	background-image: url('https://deq.utah.gov/wp-content/uploads/fa5-camera-alt-solid-66.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50%;
}

.fisher-price-phone.guidebook a {
	/* divisions have their own transition colors, so spell out background options individually rather than using simply "background:". This avoids cascade issues */
	background-image: url('https://deq.utah.gov/wp-content/uploads/guide-book-solid-66.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50%;
}

.fisher-price-phone a {
	display: block;
}

/* used on sbeap */
.fisher-price-phone-xl .wp-block-button {
	padding: 0;
}

.fisher-price-phone-xl a.button,
.fisher-price-phone-xl .wp-block-buttons a {
	font-size: 1.125rem;
	width: 100%;
	min-height: 122px;
	border-radius: .25rem;
}

.fisher-price-phone-xl .wp-block-button__link .svg-inline--fa {
    display: block;
    margin: auto;
	width: auto;
    height: 2.5rem;
    margin-top: 1rem;
}

.notice h2 {
	font-size: 1.8rem;
	line-height: 1.2;
}

.notice .spokesperson {
	position: absolute;
	bottom: 0;
	right: 0;
}

.troubleshoot {
	border: 1px dashed #ff0;
}

cite {
    color: #636363;
    font-size: 1.1rem;
}


.sticker-container {
	display: flex;
	padding: 0 1rem 0 0;
   
}

.sticker-element {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Arial;
	font-size: 1.76rem;
	font-weight: bold;
	padding: .5rem;
	display: block;
	text-align: center;
}

.sticker-content {
    padding: 1.5rem;
}



.sticker-element.mid-size {
	font-size: 1.4rem;
}

.sticker-element.compact {
	font-size: 1.1rem;
}

.sticker-element,
.sticker-element:hover {
	color: #fff;
}

.uppity .sticker-element {
	writing-mode: tb-rl;
	transform: rotate(-180deg);
	clear: right;
	margin: 0;
	white-space: pre;
}

.uppity.left.rounded .sticker-element {
	border-radius: 0 .25rem .25rem 0;
}

.circle {
	border-radius: 50%;
	text-align: center;
	position: relative;
    margin: 0 auto;
}

.circle.small-size {
	width: 66px;
	height: 66px;
}

.circle.medium-size {
	width: 114px;
	height: 114px;	
}

.circle.medium-size a,
.circle.medium-size p {
	width: 114px;
	height: 114px;
}

.circle a,
.circle p {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Arial;
	font-weight: bold;
	margin: 0;
	line-height: 1.2;
	display: table-cell;
	vertical-align: middle;
	border-radius: 50%;
	padding: 0 6px 0 6px;
}
.circle a {
	transition: 0.3s;
}

.circle a:hover {
	background-color: rgba(0, 0, 0, .3);
	text-decoration: none;
}

.circle .arrow-right {
	color: #add361;
	position: absolute;
	top: 38%;
    right: -33px;
}

h3.circle-label {
	color: #636363;
    margin: 6px 0 0 0;
    text-align: center;
}


.info-box {
	background: #ebebeb;
	display: block;
	width: 40%;
	padding: 1.5rem;
    margin: 0 0 1.5rem 0;
}


.info-box table tbody tr:nth-child(even) {
	background-color: #fff;
}

.info-box table tbody tr:hover {
	background-color: #fffe71;
}


/* Foundation Flexbox Utilities */
.info-box.flex-dir-column { 
	display: inherit;
}

.section-wrapper {
	background-color: #ebebeb;
	border-radius: .125rem;
	padding: .2rem 1rem 1rem 1rem;
	box-shadow: .5rem .5rem 3.75rem 0px rgba(0,0,0,0.27);
	margin-top: 1rem;
}

.section-wrapper .wp-block-table table {
	background: #fff;
}

.no-wrap {
	white-space: nowrap;
}

div.img-button.cols-2.left {
	clear: left;
	min-height: 6.25rem;
}

::selection {
  background: #febb12; 
}

.dashboard {
	margin-bottom: 1rem;
}

.dashboard .cell h2,
.dashboard .cell h3,
.dashboard .cell h4 {
	margin: 0 0 .125rem 0;
}

.dashboard .cell p {
	margin-bottom: 0;
}

.dashboard a.dash-button {
	background-color:rgba(0,0,0, 1);
	display: block;
}

.dashboard .cell.small-12 a.dash-button {
	float: left;
	margin-right: 1.5rem;
}

.dashboard .dash-button img {
	transition: opacity 0.3s;
}

.dashboard .dash-button img:hover {
	opacity: .5;
}

.dashboard .dash-button svg {
	transition: color 0.3s;
}


.dashboard .dash-button svg:hover {
	color: #636363;
}

.dashboard .dash-button svg {
	min-width: 5.625rem;
	
}

.dashboard .dash-button svg {
	background: #fff;
	margin-bottom: -1px;
}

.entry-content .alignleft.textwrap,
.entry-content img.alignleft.textwrap {
	margin-right: .75rem;
}

.browser {
	background-color: #ebebeb;
	display: inline-block;
	border-radius: .25rem;
	position: relative;
	padding: .75rem .75rem .75rem .75rem;
}

.browser .wrapper-top .url {
	width: calc(100% - 94px);
	float: left;
}

.browser .wrapper-top .url p {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Arial;
	background-color: #fff;
	border-radius: 3.75rem;
	padding-left: 6px; /* Room for address bar icon */
}

.browser .wrapper-top .url .fa-lock {
	color: #9d9d9d;
	margin-right: .25rem;
}

.browser-buttons {
	float: right;
}
 
.browser .browser-buttons svg {
	color: #9d9d9d;
	margin-left: .625rem;
}

.browser .browser-buttons .fa-minus {
	margin-bottom: -7px;
}

.browser .wp-block-image {
	display: block;
	margin: .75rem 0 0 0;
	
}

.icon.engine a::before {
	background: url(https://deq.utah.gov/wp-content/uploads/engine-icon.svg) left no-repeat;
	background-size: 22px 1rem;
	content: " ";
	padding: 0 0 0 27px;
}

.icon.engine.current-menu-item.active a::before {
	background-image: url(https://deq.utah.gov/wp-content/uploads/engine-icon-white.svg);
}

.rolodex {
	display: block;
	position: relative;
	padding: 19px 0 2rem 1.5rem;
	border-radius: .625rem;
	margin: 2rem 0 0 0;
}

.rolodex .icon {
	border-radius: 50%;
	width: 74px;
	height: 71px;	
	position: absolute;
	top: -30px;
	left: 0;
}

.rolodex .icon svg {
	position: absolute;
    right: 34%;
    top: 16%;
}

.divider-right {
	border-right: 1px solid #d1d1d1;
}

.background-photo {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Arial;
    font-weight: bold;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
	display: table;
	text-align: center;
}

.full {
	width: 100%;
}




/* ------------------------------------------ List Styling and List Variants ------------------------------------------ */
ol.board {
	list-style: upper-roman;
}

ol.board ol {
	list-style: upper-alpha;
}

ol.board ol ol {
	list-style: lower-roman;
}

ol.board ol ol ol {
	list-style: decimal;
}

/* Using background images with ::before rather than list-style-image or ::marker so can get more control over svg files and have increased browser support. */
/* Manually added bullet icons */
section.entry-content ul.variant {
	list-style: none;
	margin-left: 1rem;
	padding-left: 0;
}

section.entry-content ul.variant li {
	position: relative;
	padding-left: 1.5rem;
}

section.entry-content ul.variant>li::before {
	background-repeat: no-repeat;
    content: ' ';
    width: 1rem;
    height: 1rem;
    display: inline-block;
	position: absolute;
	left: 0;
	top: .3125rem;
}

ul.variant.checkbox>li::before {
	background-image: url(../images/icons/fontawesome/square-regular.svg);
}

ul.variant.checkmark>li::before {
	background-image: url(../images/icons/fontawesome/check-square-regular.svg);
}

ul.variant.jump li::before {
	background-image: url(../images/icons/fontawesome/level-down-alt-regular.svg);
}

ul.variant.hand-point>li::before {
	background-image: url(../images/icons/fontawesome/hand-point-right-duotone.svg);
}

section.entry-content ol.pokemon {
    counter-reset:li; /* Initiate a counter */
	padding-left: 2.875rem;
}
ol.pokemon > li {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Arial;
    position:relative; /* Create a positioning context */
    margin:0 0 2.5rem 1.625rem; /* Give each list item a left margin to make room for the numbers */
    padding:.25rem .5rem; /* Add some spacing around the content */
    list-style:none; /* Disable the normal item numbering */
	/*min-height: 58px;*/
}

ol.pokemon > li:before {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Arial;
	font-weight:bold;
	content:counter(li);
    counter-increment:li;
    position:absolute;
    top: -.75rem;
	left: -3.125rem;
    width: 51px;
	height: 59px;
	padding: 1rem 0 0 11px;
    margin-right:.5rem;
    text-align:center;
}

/* Big number icons. using ::marker is interesting but this way matched our style guide better */
section.entry-content ol.icon-numbers {
	list-style: none;
	counter-reset: my-awesome-counter;
	padding-left: 0;
}
ol.icon-numbers li {
	counter-increment: my-awesome-counter;
}
ol.icon-numbers li::before {
	content: counter(my-awesome-counter) "";
	font-weight: bold;
	font-size: 300%;
	line-height: 1;
	padding-right: .5rem;
}

section.entry-content ul.variant.power-pellets {
	padding: 1rem;
}

section.entry-content ul.variant.power-pellets li {
	margin-bottom: 1rem;
	padding-left: 2.2rem;
}
section.entry-content ul.variant.power-pellets li::before {
	width: 1.5rem;
	height: 1.5rem;
	min-width: 1.5rem;
	border-radius: 50%;
	top: .125rem;
}

.power-pellets li::before {
	background: #fff;
}

.power-pellets.dots-deq.dark li::before {
	background: #0080b7;
}
.power-pellets.dots-deq.med li::before {
	background: #00afd8;
}
.power-pellets.dots-deq.light li::before {
	background: #add361;
}	
.power-pellets.dots-aq.dark li::before {
	background: #1ab7da;
}
.power-pellets.dots-aq.med li::before {
	background: #94d0df;
}
.power-pellets.dots-aq.light li::before {
	background: #cde3e2;
}
.power-pellets.dots-dw.dark li::before {
	background: #157995;
}
.power-pellets.dots-dw.med li::before {
	background: #5fa7be;
}
.power-pellets.dots-dw.light li::before {
	background: #82bed3;
}
.power-pellets.dots-err.dark li::before {
	background: #05a58a;
}
.power-pellets.dots-err.med li::before {
	background: #62bc99;
}
.power-pellets.dots-err.light li::before {
	background: #bdd6ae;
}
.power-pellets.dots-wmrc.dark li::before {
	background: #f26322;
}
.power-pellets.dots-wmrc.med li::before {
	background: #f78f1e;
}	
.power-pellets.dots-wmrc.light li::before {
	background: #febb12;
}	
.power-pellets.dots-wq.dark li::before {
	background: #034963;
}
.power-pellets.dots-wq.med li::before {
	background: #0b86a3;
}
.power-pellets.dots-wq.light li::before {
	background: #00a1c6;
}

section.entry-content ul.variant.no li,
section.entry-content ul.variant.yes li {
	margin-bottom: .75rem;
	padding-left: 1.875rem;
}

section.entry-content ul.variant.no>li::before {
	background-image: url(../images/icons/fontawesome/do-not-enter-duotone-red.svg);
    width: 1.25rem;
    height: 1.25rem;
}

section.entry-content ul.variant.yes>li::before {
	background-image: url(../images/icons/fontawesome/check-circle-duotone-aq-green.svg);
    width: 1.25rem;
    height: 1.25rem;
}

ul.fa-list,
section.entry-content ul.fa-list {
	list-style: none;
	padding: 0 0 0 1.5rem;
	text-indent: -1.375rem;
    margin-left: .625rem;
}





/* ------------------------------------------ Timeline Stuff ------------------------------------------ */
.timeline-button {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Arial;
	font-weight: bold;
	position: relative;
	width: calc(100% - .5rem);
	height:40px;
	color:#FFFFFF;
	text-align:center;
	line-height:40px;
	display: inline-block;
}

.timeline-button:before {
	content:"";
	position: absolute;
	left: 0px;
	top:0px;
	width:0px;
	height:0px;
	border-top:20px solid transparent;
	border-left:8px solid white;
	border-bottom:20px solid transparent;
}

.timeline-button:after {
	content:"";
	position: absolute;
	left: 100%;
	top:0px;
	width:0px;
	height:0px;
	border-top:20px solid transparent;
	border-left:8px solid transparent;
	border-bottom:20px solid transparent;
}

.has-wq-dark-background-color.timeline-button::after {
	border-left-color: #034963;
}

.has-wq-tint-dark-a-background-color.timeline-button::after {
	border-left-color: #1f5d74;
}

.has-wq-tint-dark-b-background-color.timeline-button::after {
	border-left-color: #528193;
}

.has-wq-tint-dark-c-background-color.timeline-button::after {
	border-left-color: #86a8b4;
}

.has-wq-tint-dark-d-background-color.timeline-button::after {
	border-left-color: #aec5cd;
}

.has-wq-light-background-color.timeline-button::after {
	border-left-color: #00a1c6;
}




/* ------------------------------------------ Caption Stuff ------------------------------------------ */
/* 
Prevent figcaption from going wider than its image with figure display:table and figcaption display: table-caption; caption-side: bottom 
!!! 2022: when an image is aligned, Gutenberg moves the .wp-block-image class up one level away from the figure and onto a div. 
To make captions look nice, I need declarations for both scenarios. If someone knows a better way, please email me. :) red5@utah.gov
*/

figure.wp-block-image,
main.main div.wp-block-image figure {
	display: table;
}

.wp-block-image figcaption {
    display: table-caption;
    caption-side: bottom;
}

.wp-block-image .aligncenter,
.wp-block-image .alignleft, 
.wp-block-image .alignright {
    margin-top: 0;
}

.wp-block-image a {
    display: inline-block;
}


.wp-block-image figcaption {
	font-family: "Gotham Rounded A", "Gotham Rounded B", Arial;
	background-color: #ebebeb;
	font-style: italic;
	text-align: center;
	padding: .75rem;
	margin: 0;
}

.wp-block-image.has-white-background-color figcaption  {
    background-color: #fff;
}

.entry-content .wp-block-image.full img {
    width: 100%;
    height: auto;
}




/* ------------------------------------------ Color Stuff ------------------------------------------ */
/* Gutenberg Pallet */
.has-white-background-color {
    background-color: #ffffff;
	transition: 0.3s;
}
button.has-white-background-color:hover,
.wp-block-button__link.has-white-background-color:hover,
.button.has-white-background-color:hover,
a.button.has-white-background-color:hover {
	background-color:#f6f6f6;
}
.has-white-color {
    color: #ffffff;
}
.has-white-color a,
.has-white-color a:hover {
    color: #fff;
    text-decoration: underline;
}

.has-grey-extra-background-color {
    background-color: #303030;
	transition: 0.3s;
}
button.has-grey-extra-background-color:hover,
.wp-block-button__link.has-grey-extra-background-color:hover,
.button.has-grey-extra-background-color:hover,
a.button.has-grey-extra-background-color:hover {
	background-color:#171717;
}
button.has-grey-extra-color,
.wp-block-button__link.has-grey-extra-color,
.has-grey-extra-color {
    color: #303030;
}

.has-grey-dark-background-color {
    background-color: #646464;
	transition: 0.3s;
}
button.has-grey-dark-color,
.wp-block-button__link.has-grey-dark-color,
.has-grey-dark-color {
    color: #646464;
}
button.has-grey-dark-background-color:hover,
.wp-block-button__link.has-grey-dark-background-color:hover,
.button.has-grey-dark-background-color:hover,
a.button.has-grey-dark-background-color:hover {
	background-color:#181818;
}

.has-grey-medium-background-color {
    background-color: #d1d1d1;
	transition: 0.3s;
}
button.has-grey-medium-background-color:hover,
.wp-block-button__link.has-grey-medium-background-color:hover,
.button.has-grey-medium-background-color:hover,
a.button.has-grey-medium-background-color:hover {
	background-color:#858585;
}
button.has-grey-medium-color,
.wp-block-button__link.has-grey-medium-color,
.has-grey-medium-color {
    color: #d1d1d1;
}

.has-grey-light-background-color {
    background-color: #ebebeb;
}
button.has-grey-light-background-color:hover,
.wp-block-button__link.has-grey-light-background-color:hover,
.button.has-grey-light-background-color:hover,
a.button.has-grey-light-background-color:hover {
	background-color:#A1A1A1;
}
button.has-grey-light-color,
.wp-block-button__link.has-grey-light-color,
.has-grey-light-color {
    color: #ebebeb;
}

.has-deq-dark-background-color {
    background-color: #0080b7;
}
button.has-deq-dark-background-color:hover,
.wp-block-button__link.has-deq-dark-background-color:hover,
.button.has-deq-dark-background-color:hover,
a.button.has-deq-dark-background-color:hover {
	background-color:#00346B;
}
button.has-deq-dark-color,
.wp-block-button__link.has-deq-dark-color,
.has-deq-dark-color {
    color: #0080b7;
}

.has-deq-medium-background-color {
    background-color: #00afd8;
	transition: 0.3s;
}
button.has-deq-medium-background-color:hover,
.wp-block-button__link.has-deq-medium-background-color:hover,
.button.has-deq-medium-background-color:hover,
a.button.has-deq-medium-background-color:hover {
	background-color:#00638C;
}
button.has-deq-medium-color,
.wp-block-button__link.has-deq-medium-color,
.has-deq-medium-color {
    color: #00afd8;
}

.has-deq-light-background-color {
    background-color: #add361;
	transition: 0.3s;
}
button.has-deq-light-background-color:hover,
.wp-block-button__link.has-deq-light-background-color:hover,
.button.has-deq-light-background-color:hover,
a.button.has-deq-light-background-color:hover {
	background-color: #618715;
}
button.has-deq-light-color,
.wp-block-button__link.has-deq-light-color,
.has-deq-light-color {
    color: #add361;
}

.has-aq-dark-background-color {
    background-color: #1ab7da;
	transition: 0.3s;
}
button.has-aq-dark-background-color:hover,
.wp-block-button__link.has-aq-dark-background-color:hover,
.button.has-aq-dark-background-color:hover,
a.button.has-aq-dark-background-color:hover {
	background-color:#006B8E;
}
button.has-aq-dark-color,
.wp-block-button__link.has-aq-dark-color,
.has-aq-dark-color {
    color: #1ab7da;
}

.has-aq-medium-background-color {
    background-color: #94d0df;
	transition: 0.3s;
}
button.has-aq-medium-background-color:hover,
.wp-block-button__link.has-aq-medium-background-color:hover,
.button.has-aq-medium-background-color:hover,
a.button.has-aq-medium-background-color:hover {
	background-color:#488493;
}
button.has-aq-medium-color,
.wp-block-button__link.has-aq-medium-color,
.has-aq-medium-color {
    color: #94d0df;
}

.has-aq-light-background-color {
    background-color: #cde3e2;
	transition: 0.3s;
}
button.has-aq-light-background-color:hover,
.wp-block-button__link.has-aq-light-background-color:hover,
.button.has-aq-light-background-color:hover,
a.button.has-aq-light-background-color:hover {
	background-color: #819796;
}
button.has-aq-light-color,
.wp-block-button__link.has-aq-light-color,
.has-aq-light-color {
    color: #cde3e2;
}

.has-aq-green-background-color {
    background-color: #55b948;
	transition: 0.3s;
}
button.has-aq-green-background-color:hover,
.wp-block-button__link.has-aq-green-background-color:hover,
.button.has-aq-green-background-color:hover,
a.button.has-aq-green-background-color:hover {
	background-color: #3b8232;
}
button.has-aq-green-color,
.wp-block-button__link.has-aq-green-color,
.has-aq-green-color {
    color: #55b948;
}

.has-dw-dark-background-color {
    background-color: #157995;
	transition: 0.3s;
}
button.has-dw-dark-background-color:hover,
.wp-block-button__link.has-dw-dark-background-color:hover,
.button.has-dw-dark-background-color:hover,
a.button.has-dw-dark-background-color:hover {
	background-color:#002D49;
}
button.has-dw-dark-color,
.wp-block-button__link.has-dw-dark-color,
.has-dw-dark-color {
    color: #157995;
}

.has-dw-medium-background-color,
.wp-block-table table tr th.has-dw-medium-background-color {
    background-color: #5fa7be;
	transition: 0.3s;
}
button.has-dw-medium-background-color:hover,
.wp-block-button__link.has-dw-medium-background-color:hover,
.button.has-dw-medium-background-color:hover,
a.button.has-dw-medium-background-color:hover {
	background-color:#135B72;
}
button.has-dw-medium-color,
.wp-block-button__link.has-dw-medium-color,
.has-dw-medium-color {
    color: #5fa7be;
}

.has-dw-light-background-color {
    background-color: #82bed3;
	transition: 0.3s;
}
button.has-dw-light-background-color:hover,
.button.has-dw-light-background-color:hover,
.wp-block-button__link.has-dw-light-background-color:hover,
a.button.has-dw-light-background-color:hover {
	background-color:#367287;
}
button.has-dw-light-color,
.wp-block-button__link.has-dw-light-color,
.has-dw-light-color {
    color: #82bed3;
}

.has-err-dark-background-color {
    background-color: #05a58a;
	transition: 0.3s;
}
button.has-err-dark-background-color:hover,
.button.has-err-dark-background-color:hover,
.wp-block-button__link.has-err-dark-background-color:hover,
a.button.has-err-dark-background-color:hover {
	background-color:#00593E;
}
button.has-err-dark-color,
.wp-block-button__link.has-err-dark-color,
.has-err-dark-color {
    color: #05a58a;
}

.has-err-medium-background-color {
    background-color: #62bc99;
	transition: 0.3s;
}
button.has-err-medium-background-color:hover,
.wp-block-button__link.has-err-medium-background-color:hover,
.button.has-err-medium-background-color:hover,
a.button.has-err-medium-background-color:hover {
	background-color:#16704D;
}
button.has-err-medium-color,
.wp-block-button__link.has-err-medium-color,
.has-err-medium-color {
    color: #62bc99;
}

.has-err-light-background-color {
    background-color: #bdd6ae;
	transition: 0.3s;
}
button.has-err-light-background-color:hover,
.wp-block-button__link.has-err-light-background-color:hover,
.button.has-err-light-background-color:hover,
a.button.has-err-light-background-color:hover {
	background-color:#718A62;
}
button.has-err-light-color,
.wp-block-button__link.has-err-light-color,
.has-err-light-color {
    color: #bdd6ae;
}

.has-wmrc-dark-background-color {
    background-color: #f26322;
	transition: 0.3s;
}
button.has-wmrc-dark-background-color:hover,
.wp-block-button__link.has-wmrc-dark-background-color:hover,
.button.has-wmrc-dark-background-color:hover,
a.button.has-wmrc-dark-background-color:hover {
	background-color:#A61700;
}
button.has-wmrc-dark-color,
.wp-block-button__link.has-wmrc-dark-color,
.has-wmrc-dark-color {
    color: #f26322;
}

.has-wmrc-medium-background-color {
    background-color: #f78f1e;
	transition: 0.3s;
}
button.has-wmrc-medium-background-color:hover,
.wp-block-button__link.has-wmrc-medium-background-color:hover,
.button.has-wmrc-medium-background-color:hover,
a.button.has-wmrc-medium-background-color:hover {
	background-color:#AB4300;
}
button.has-wmrc-medium-color,
.wp-block-button__link.has-wmrc-medium-color,
.has-wmrc-medium-color {
    color: #f78f1e;
}

.has-wmrc-light-background-color {
    background-color: #febb12;
	transition: 0.3s;
}
button.has-wmrc-light-background-color:hover,
.button.has-wmrc-light-background-color:hover,
.wp-block-button__link.has-wmrc-light-background-color:hover,
a.button.has-wmrc-light-background-color:hover {
	background-color:#B26F00;
}
button.has-wmrc-light-color,
.wp-block-button__link.has-wmrc-light-color,
.has-wmrc-light-color {
    color: #febb12;
}

.has-wq-dark-background-color {
    background-color: #034963;
	transition: 0.3s;
}
button.has-wq-dark-background-color:hover,
.button.has-wq-dark-background-color:hover,
.wp-block-button__link.has-wq-dark-background-color:hover,
a.button.has-wq-dark-background-color:hover {
	background-color:#000017;
}

button.has-wq-dark-color,
.wp-block-button__link.has-wq-dark-color,
.has-wq-dark-color {
    color: #034963;
}

.has-wq-medium-background-color {
    background-color: #0b86a3;
	transition: 0.3s;
}
button.has-wq-medium-background-color:hover,
.wp-block-button__link.has-wq-medium-background-color:hover,
.button.has-wq-medium-background-color:hover,
a.button.has-wq-medium-background-color:hover {
	background-color:#003A57;
}
button.has-wq-medium-color,
.wp-block-button__link.has-wq-medium-color,
.has-wq-medium-color {
    color: #0b86a3;
}
.has-wq-light-background-color {
    background-color: #00a1c6;
	transition: 0.3s;
}
button.has-wq-light-background-color:hover,
.wp-block-button__link.has-wq-light-background-color:hover,
.button.has-wq-light-background-color:hover,
a.button.has-wq-light-background-color:hover {
	background-color:#00557A;
}
button.has-wq-light-color,
.wp-block-button__link.has-wq-light-color,
.has-wq-light-color {
    color: #00a1c6;
}

.has-red-dark-background-color {
    background-color: #b50000;
	transition: 0.3s;
}
button.has-red-dark-background-color:hover,
.wp-block-button__link.has-red-dark-background-color:hover,
.button.has-red-dark-background-color:hover,
a.button.has-red-dark-background-color:hover {
	background-color:#690000;
}
button.has-red-dark-color,
.wp-block-button__link.has-red-dark-color,
.has-red-dark-color {
    color: #b50000;
}

.has-red-medium-background-color {
    background-color: #ef2e2e;
	transition: 0.3s;
}
button.has-red-medium-background-color:hover,
.button.has-red-medium-background-color:hover,
.wp-block-button__link.has-red-medium-background-color:hover,
a.button.has-red-medium-background-color:hover {
	background-color:#bf2525;
}
button.has-red-medium-color,
.wp-block-button__link.has-red-medium-color,
.has-red-medium-color {
    color: #ef2e2e;
}

.has-red-light-background-color {
    background-color: #ff0000;
	transition: 0.3s;
}
button.has-red-light-background-color:hover,
.button.has-red-light-background-color:hover,
.wp-block-button__link.has-red-light-background-color:hover,
a.button.has-red-light-background-color:hover {
	background-color:#B30000;
}
button.has-red-light-color,
.wp-block-button__link.has-red-light-color,
.has-red-light-color {
    color: #ff0000;
}

.has-claret-burnt-background-color {
    background-color: #a52714;
	transition: 0.3s;
}
button.has-claret-burnt-background-color:hover,
.wp-block-button__link.has-claret-burnt-background-color:hover,
.button.has-claret-burnt-background-color:hover,
a.button.has-claret-burnt-background-color:hover {
	background-color:#841f10;
}
button.has-claret-burnt-color,
.wp-block-button__link.has-claret-burnt-color,
.has-claret-burnt-color {
    color: #a52714;
}

.has-grey-tint-dark-a-background-color {
    background-color: #414141;
	transition: 0.3s;
}
button.has-grey-tint-dark-a-background-color:hover,
.button.has-grey-tint-dark-a-background-color:hover,
.wp-block-button__link.has-grey-tint-dark-a-background-color:hover,
a.button.has-grey-tint-dark-a-background-color:hover {
	background-color: #2e2e2e;
}
button.has-grey-tint-dark-a-color,
.wp-block-button__link.has-grey-tint-dark-a-color,
.has-grey-tint-dark-a-color {
    color: #414141;
}

.has-grey-tint-dark-b-background-color {
    background-color: #535353;
}
button.has-grey-tint-dark-b-background-color:hover,
.button.has-grey-tint-dark-b-background-color:hover,
.wp-block-button__link.has-grey-tint-dark-b-background-color:hover,
a.button.has-grey-tint-dark-b-background-color:hover {
	background-color: #3a3a3a;
}
button.has-grey-tint-dark-b-color,
.wp-block-button__link.has-grey-tint-dark-b-color,
.has-grey-tint-dark-b-color {
    color: #535353;
}

.has-grey-tint-dark-c-background-color {
    background-color: #767676;
	transition: 0.3s;
}
button.has-grey-tint-dark-c-background-color:hover,
.button.has-grey-tint-dark-c-background-color:hover,
.wp-block-button__link.has-grey-tint-dark-c-background-color:hover,
a.button.has-grey-tint-dark-c-background-color:hover {
	background-color: #535353;
}
button.has-grey-tint-dark-c-color,
.wp-block-button__link.has-grey-tint-dark-c-color,
.has-grey-tint-dark-c-color {
    color: #767676;
}

.has-grey-tint-dark-d-background-color {
    background-color: #919191;
	transition: 0.3s;
}
button.has-grey-tint-dark-d-background-color:hover,
.button.has-grey-tint-dark-d-background-color:hover,
.wp-block-button__link.has-grey-tint-dark-d-background-color:hover,
a.button.has-grey-tint-dark-d-background-color:hover {
	background-color: #666666;
}
button.has-grey-tint-dark-d-color,
.wp-block-button__link.has-grey-tint-dark-d-color,
.has-grey-tint-dark-d-color {
    color: #919191;
}

.has-deq-tint-light-a-background-color {
    background-color: #cee5a0;
	transition: 0.3s;
}
button.has-deq-tint-light-a-background-color:hover,
.button.has-deq-tint-light-a-background-color:hover,
.wp-block-button__link.has-deq-tint-light-a-background-color:hover,
a.button.has-deq-tint-light-a-background-color:hover {
	background-color: #90a070;
}
button.has-deq-tint-light-a-color,
.wp-block-button__link.has-deq-tint-light-a-color,
.has-deq-tint-light-a-color {
    color: #cee5a0;
}

.has-deq-tint-light-b-background-color {
    background-color: #d6e9b0;
	transition: 0.3s;
}
button.has-deq-tint-light-b-background-color:hover,
.button.has-deq-tint-light-b-background-color:hover,
.wp-block-button__link.has-deq-tint-light-b-background-color:hover,
a.button.has-deq-tint-light-b-background-color:hover {
	background-color: #96a37b;
}
button.has-deq-tint-light-b-color,
.wp-block-button__link.has-deq-tint-light-b-color,
.has-deq-tint-light-b-color {
    color: #d6e9b0;
}

.has-deq-tint-light-c-background-color {
    background-color: #deedc0;
	transition: 0.3s;
}
button.has-deq-tint-light-c-background-color:hover,
.button.has-deq-tint-light-c-background-color:hover,
.wp-block-button__link.has-deq-tint-light-c-background-color:hover,
a.button.has-deq-tint-light-c-background-color:hover {
	background-color: #9ba686;
}
button.has-deq-tint-light-c-color,
.wp-block-button__link.has-deq-tint-light-c-color,
.has-deq-tint-light-c-color {
    color: #deedc0;
}

.has-deq-tint-light-d-background-color {
    background-color: #e6f2d0;
	transition: 0.3s;
}
button.has-deq-tint-light-d-background-color:hover,
.button.has-deq-tint-light-d-background-color:hover,
.wp-block-button__link.has-deq-tint-light-d-background-color:hover,
a.button.has-deq-tint-light-d-background-color:hover {
	background-color: #a1a992;
}
button.has-deq-tint-light-d-color,
.wp-block-button__link.has-deq-tint-light-d-color,
.has-deq-tint-light-d-color {
    color: #e6f2d0;
}

.has-aq-tint-light-a-background-color {
    background-color: #e6f1f1;
	transition: 0.3s;
}
button.has-aq-tint-light-a-background-color:hover,
.button.has-aq-tint-light-a-background-color:hover,
.wp-block-button__link.has-aq-tint-light-a-background-color:hover,
a.button.has-aq-tint-light-a-background-color:hover {
	background-color: #a1a9a9;
}
button.has-aq-tint-light-a-color,
.wp-block-button__link.has-aq-tint-light-a-color,
.has-aq-tint-light-a-color {
    color: #e6f1f1;
}

.has-aq-tint-light-b-background-color {
    background-color: #ebf4f3;
	transition: 0.3s;
}
button.has-aq-tint-light-b-background-color:hover,
.button.has-aq-tint-light-b-background-color:hover,
.wp-block-button__link.has-aq-tint-light-b-background-color:hover,
a.button.has-aq-tint-light-b-background-color:hover {
	background-color: #a5abaa;
}
button.has-aq-tint-light-b-color,
.wp-block-button__link.has-aq-tint-light-b-color,
.has-aq-tint-light-b-color {
    color: #ebf4f3;
}

.has-aq-tint-medium-a-background-color {
    background-color: #b0dce7;
	transition: 0.3s;
}
button.has-aq-tint-medium-a-background-color:hover,
.button.has-aq-tint-medium-a-background-color:hover,
.wp-block-button__link.has-aq-tint-medium-a-background-color:hover,
a.button.has-aq-tint-medium-a-background-color:hover {
	background-color: #7b9aa2;
}
button.has-aq-tint-medium-a-color,
.wp-block-button__link.has-aq-tint-medium-a-color,
.has-aq-tint-medium-a-color {
    color: #b0dce7;
}

.has-dw-tint-light-a-background-color {
    background-color: #cde5ed;
	transition: 0.3s;
}
button.has-dw-tint-light-a-background-color:hover,
.button.has-dw-tint-light-a-background-color:hover,
.wp-block-button__link.has-dw-tint-light-a-background-color:hover,
a.button.has-dw-tint-light-a-background-color:hover {
	background-color: #90a0a6;
}
button.has-dw-tint-light-a-color,
.wp-block-button__link.has-dw-tint-light-a-color,
.has-dw-tint-light-a-color {
    color: #cde5ed;
}

.has-err-tint-dark-a-background-color {
    background-color: #69c9b9;
	transition: 0.3s;
}
button.has-err-tint-dark-a-background-color:hover,
.button.has-err-tint-dark-a-background-color:hover,
.wp-block-button__link.has-err-tint-dark-a-background-color:hover,
a.button.has-err-tint-dark-a-background-color:hover {
	background-color: #4a8d82;
}
button.has-err-tint-dark-a-color,
.wp-block-button__link.has-err-tint-dark-a-color,
.has-err-tint-dark-a-color {
    color: #69c9b9;
}

.has-err-tint-dark-b-background-color {
    background-color: #82d2c5;
	transition: 0.3s;
}
button.has-err-tint-dark-b-background-color:hover,
.button.has-err-tint-dark-b-background-color:hover,
.wp-block-button__link.has-err-tint-dark-b-background-color:hover,
a.button.has-err-tint-dark-b-background-color:hover {
	background-color: #5b938a;
}
button.has-err-tint-dark-b-color,
.wp-block-button__link.has-err-tint-dark-b-color,
.has-err-tint-dark-b-color {
    color: #82d2c5;
}

.has-err-tint-dark-c-background-color {
    background-color: #9bdbd0;
	transition: 0.3s;
}
button.has-err-tint-dark-c-background-color:hover,
.button.has-err-tint-dark-c-background-color:hover,
.wp-block-button__link.has-err-tint-dark-c-background-color:hover,
a.button.has-err-tint-dark-c-background-color:hover {
	background-color: #6d9992;
}
button.has-err-tint-dark-c-color,
.wp-block-button__link.has-err-tint-dark-c-color,
.has-err-tint-dark-c-color {
    color: #9bdbd0;
}

.has-err-tint-dark-d-background-color {
    background-color: #b4e4dc;
	transition: 0.3s;
}
button.has-err-tint-dark-d-background-color:hover,
.button.has-err-tint-dark-d-background-color:hover,
.wp-block-button__link.has-err-tint-dark-d-background-color:hover,
a.button.has-err-tint-dark-d-background-color:hover {
	background-color: #7ea09a;
}
button.has-err-tint-dark-d-color,
.wp-block-button__link.has-err-tint-dark-d-color,
.has-err-tint-dark-d-color {
    color: #b4e4dc;
}

.has-err-tint-light-a-background-color {
    background-color: #e5efdf;
	transition: 0.3s;
}
button.has-err-tint-light-a-background-color:hover,
.button.has-err-tint-light-a-background-color:hover,
.wp-block-button__link.has-err-tint-light-a-background-color:hover,
a.button.has-err-tint-light-a-background-color:hover {
	background-color: #a0a79c;
}
button.has-err-tint-light-a-color,
.wp-block-button__link.has-err-tint-light-a-color,
.has-err-tint-light-a-color {
    color: #e5efdf;
}

.has-wmrc-tint-light-a-background-color {
    background-color: #ffc32f;
	transition: 0.3s;
}
button.has-wmrc-tint-light-a-background-color:hover,
.button.has-wmrc-tint-light-a-background-color:hover,
.wp-block-button__link.has-wmrc-tint-light-a-background-color:hover,
a.button.has-wmrc-tint-light-a-background-color:hover {
	background-color: #b38921;
}
button.has-wmrc-tint-light-a-color,
.wp-block-button__link.has-wmrc-tint-light-a-color,
.has-wmrc-tint-light-a-color {
    color: #ffc32f;
}

.has-wmrc-tint-light-b-background-color {
    background-color: #fecf5b;
	transition: 0.3s;
}
button.has-wmrc-tint-light-b-background-color:hover,
.button.has-wmrc-tint-light-b-background-color:hover,
.wp-block-button__link.has-wmrc-tint-light-b-background-color:hover,
a.button.has-wmrc-tint-light-b-background-color:hover {
	background-color: #b29140;
}
button.has-wmrc-tint-light-b-color,
.wp-block-button__link.has-wmrc-tint-light-b-color,
.has-wmrc-tint-light-b-color {
    color: #fecf5b;
}

.has-wmrc-tint-light-c-background-color {
    background-color: #ffde8d;
	transition: 0.3s;
}
button.has-wmrc-tint-light-c-background-color:hover,
.button.has-wmrc-tint-light-c-background-color:hover,
.wp-block-button__link.has-wmrc-tint-light-c-background-color:hover,
a.button.has-wmrc-tint-light-c-background-color:hover {
	background-color: #b39b63;
}
button.has-wmrc-tint-light-c-color,
.wp-block-button__link.has-wmrc-tint-light-c-color,
.has-wmrc-tint-light-c-color {
    color: #ffde8d;
}

.has-wmrc-tint-light-d-background-color {
    background-color: #fff1d0;
	transition: 0.3s;
}
button.has-wmrc-tint-light-d-background-color:hover,
.button.has-wmrc-tint-light-d-background-color:hover,
.wp-block-button__link.has-wmrc-tint-light-d-background-color:hover,
a.button.has-wmrc-tint-light-d-background-color:hover {
	background-color: #b3a992;
}
button.has-wmrc-tint-light-d-color,
.wp-block-button__link.has-wmrc-tint-light-d-color,
.has-wmrc-tint-light-d-color {
    color: #fff1d0;
}

.has-wmrc-tint-dark-a-background-color {
    background-color: #f69264;
	transition: 0.3s;
}
button.has--wmrc-tint-dark-a-background-color:hover,
.button.has--wmrc-tint-dark-a-background-color:hover,
.wp-block-button__link.has--wmrc-tint-dark-a-background-color:hover,
a.button.has--wmrc-tint-dark-a-background-color:hover {
	background-color: #ac6646;
}
button.has-wmrc-tint-dark-a-color,
.wp-block-button__link.has-wmrc-tint-dark-a-color,
.has-wmrc-tint-dark-a-color {
    color: #f69264;
}

.has-wq-tint-dark-a-background-color {
    background-color: #1f5d74;
	transition: 0.3s;
}
button.has-wq-tint-dark-a-background-color:hover,
.button.has-wq-tint-dark-a-background-color:hover,
.wp-block-button__link.has-wq-tint-dark-a-background-color:hover,
a.button.has-wq-tint-dark-a-background-color:hover {
	background-color: #164151;
}
button.has-wq-tint-dark-a-color,
.wp-block-button__link.has-wq-tint-dark-a-color,
.has-wq-tint-dark-a-color {
    background-color: #1f5d74;
}

.has-wq-tint-dark-b-background-color {
    background-color: #528193;
	transition: 0.3s;
}
button.has-wq-tint-dark-b-background-color:hover,
.button.has-wq-tint-dark-b-background-color:hover,
.wp-block-button__link.has-wq-tint-dark-b-background-color:hover,
a.button.has-wq-tint-dark-b-background-color:hover {
	background-color: #395a67;
}
button.has-wq-tint-dark-b-color,
.wp-block-button__link.has-wq-tint-dark-b-color,
.has-wq-tint-dark-b-color {
    color: #528193;
}

.has-wq-tint-dark-c-background-color {
    background-color: #86a8b4;
	transition: 0.3s;
}
button.has-wq-tint-dark-c-background-color:hover,
.button.has-wq-tint-dark-c-background-color:hover,
.wp-block-button__link.has-wq-tint-dark-c-background-color:hover,
a.button.has-wq-tint-dark-c-background-color:hover {
	background-color: #5e767e;
}
button.has-wq-tint-dark-c-color,
.wp-block-button__link.has-wq-tint-dark-c-color,
.has-wq-tint-dark-c-color {
    color: #86a8b4;
}

.has-wq-tint-dark-d-background-color {
    background-color: #aec5cd;
	transition: 0.3s;
}
button.has-wq-tint-dark-d-background-color:hover,
.button.has-wq-tint-dark-d-background-color:hover,
.wp-block-button__link.has-wq-tint-dark-d-background-color:hover,
a.button.has-wq-tint-dark-d-background-color:hover {
	background-color: #7a8a90;
}
button.has-wq-tint-dark-d-color,
.wp-block-button__link.has-wq-tint-dark-d-color,
.has-wq-tint-dark-d-color {
    color: #aec5cd;
}

.has-wq-tint-medium-a-background-color {
    background-color: #9dcfda;
	transition: 0.3s;
}
button.has-wq-tint-medium-a-background-color:hover,
.button.has-wq-tint-medium-a-background-color:hover,
.wp-block-button__link.has-wq-tint-medium-a-background-color:hover,
a.button.has-wq-tint-medium-a-background-color:hover {
	background-color: #6e9199;
}
button.has-wq-tint-medium-a-color,
.wp-block-button__link.has-wq-tint-medium-a-color,
.has-wq-tint-medium-a-color {
    color: #9dcfda;
}

.has-wq-tint-medium-b-background-color {
    background-color: #b6dbe3;
	transition: 0.3s;
}
button.has-wq-tint-medium-b-background-color:hover,
.button.has-wq-tint-medium-b-background-color:hover,
.wp-block-button__link.has-wq-tint-medium-b-background-color:hover,
a.button.has-wq-tint-medium-b-background-color:hover {
	background-color: #7f999f;
}
button.has-wq-tint-medium-b-color,
.wp-block-button__link.has-wq-tint-medium-b-color,
.has-wq-tint-medium-b-color {
    color: #b6dbe3;
}

.has-wq-tint-medium-c-background-color {
    background-color: #cee7ed;
	transition: 0.3s;
}
button.has-wq-tint-medium-c-background-color:hover,
.button.has-wq-tint-medium-c-background-color:hover,
.wp-block-button__link.has-wq-tint-medium-c-background-color:hover,
a.button.has-wq-tint-medium-c-background-color:hover {
	background-color: #90a2a6;
}
button.has-wq-tint-medium-c-color,
.wp-block-button__link.has-wq-tint-medium-c-color,
.has-wq-tint-medium-c-color {
    color: #cee7ed;
}

.has-wq-tint-medium-d-background-color {
    background-color: #e7f3f6;
	transition: 0.3s;
}
button.has-wq-tint-medium-d-background-color:hover,
.button.has-wq-tint-medium-d-background-color:hover,
.wp-block-button__link.has-wq-tint-medium-d-background-color:hover,
a.button.has-wq-tint-medium-d-background-color:hover {
	background-color: #a2aaac;
}
button.has-wq-tint-medium-d-color,
.wp-block-button__link.has-wq-tint-medium-d-color,
.has-wq-tint-medium-d-color {
    color: #e7f3f6;
}

.has-wq-tint-light-d-background-color {
    background-color: #e6f6f9;
	transition: 0.3s;
}
button.has-wq-tint-light-d-background-color:hover,
.button.has-wq-tint-light-d-background-color:hover,
.wp-block-button__link.has-wq-tint-light-d-background-color:hover,
a.button.has-wq-tint-light-d-background-color:hover {
	background-color: #a1acae;
}
button.has-wq-tint-light-d-color,
.wp-block-button__link.has-wq-tint-light-d-color,
.has-wq-tint-light-d-color {
    color: #e6f6f9;
}
/* End Gutenberg Pallet */

.shadow {
	box-shadow: .5rem .5rem 3.75rem 0px rgba(0,0,0,0.27);
}

.border.light {
	border: 1px solid #d9d9d9;
}

/* .white is used for other things so use a dash to avoid collisions */
.border-white {
	border: 1px solid #fff;
}

.border-none,
.border-none a.accordion-title,
.border-none :last-child:not(.is-active)>.accordion-title {
	border: none;
}




/* ------------------------------------------ Helper Classes (additional) ------------------------------------------ */
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
In 2021, an update to Highcharts broke the visually hidden accessibility content.
In June 2021, there was a bug reported with the accessibility buttons after the chart.
Until the bugs are addressed, these should help:
*/
.highcharts-visually-hidden,
.highcharts-a11y-proxy-container-after {
    position: absolute!important;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}



/* ------------------------------------------ Spacing Stuff ------------------------------------------ */
.pad-all,
.has-background.pad-all {
    padding: 1.5rem;
}

.pad-none,
p.pad-none {
	padding: 0;
}

.wp-block-button.pad-all-embiggen {
    padding: 0;
}

.pad-all-embiggen,
.pad-all-embiggen.sticker-element,
.has-background.pad-all-embiggen,
.wp-block-button.pad-all-embiggen a.wp-block-button__link {
	padding: 2.6rem;
}

.pad-top,
.has-background.pad-top {
	padding-top: 1.5rem;
}

.pad-top-embiggen,
.has-background.pad-top-embiggen {
	padding-top: 2.6rem
}

.pad-right,
.has-background.pad-right {
	padding-right: 1.5rem;
}

.pad-bottom,
.has-background.pad-bottom {
	padding-bottom: 1.5rem;
}

.pad-bottom-embiggen,
.has-background.pad-bottom-embiggen {
	padding-bottom: 2.6rem;
}

.pad-left,
.has-background.pad-left {
	padding-left: 1.5rem;
}


.pad-jabba,
.pad-jabba.sticker-element,
.has-background.pad-jabba {
	padding: 10rem;
}

.pad-jabba-sides,
.has-background.pad-jabba-sides {
	padding: 1.5rem 10rem;
}

.space-right {
	margin-right: 1.5rem;
}

.space-left {
	margin-left: 1.5rem
}

.space-top {
	margin-top: 1.5rem;
}

.space-top-embiggen {
	margin-top: 2.6rem;
}

.space-bottom,
section.entry-content ul.menu.space-bottom {
	margin-bottom: 1.5rem;
}

.space-bottom-embiggen {
	margin-bottom: 2.6rem;
}

.no-margin-top {
	margin-top: 0;
}

.no-margin-bottom {
	margin-bottom: 0;
}

.no-space,
.wp-block-buttons.no-space>.wp-block-button,
form.wpcf7-form .label-text.no-space {
	margin: 0 0 .125rem 0;
}

.no-space.no-really,
.wp-block-buttons.no-space.no-really>.wp-block-button,
form.wpcf7-form .label-text.no-space.no-really {
	margin: 0;
}

.info-box.no-space,
button.no-space,
.button.no-space,
a.button.no-space {
	margin-bottom: 0;
}

/* Elements that need space on small, but not larger */
@media only screen and (min-width: 1023px) { /* foundation medium */
	.no-space-medium {
		margin: 0;
	}
}




/*--------------------------- Mediaqueries ------------------------------------------ */

@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
    filter: none !important;
    -ms-filter: none !important; }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; } 

	#wpadminbar,
	.is-home #home-search-wrapper,
	.is-home div.diamond,
	#utahGovHeaderWrapper,
	#top-bar-menu,
	#home-widgets,
	form.ctct-form-custom,
	div.ctct-inline-form,
	#quicklinks,
	#mission,
	a.back-to-top,
	section.meta-entry,
	div.contact-us-wrapper,
	div.info-box.jump,
	#menu-footermenu,
	#footer-top,
	.footer .copyright .dept-logo, 
	#menu-utah-dot-gov {
		display: none !important;
	}
	
	.print-logo img {
		width: 20rem;
		margin: 1rem;
	}
	
	.parallax-window {
		display: none;
		min-height: 0;
	}
	
	.quote.home {
		display: block;
	}
	
	.content #inner-content {
		padding: 0 0 1rem 0;
	}
	
	#main.large-9 {
		width: 100%;
	}
	
	footer.footer {
		padding: 0;
	}
	
	.alignleft,
	.alignright,
	img.alignright, 
	img.alignleft {
		clear: both;
		display: block;
		float: none;
	}
	
	a[href*=".pdf"]::after,
	a[href*=".PDF"]::after,
	a[href*=".xls"]::after,
	a[href*=".XLS"]::after,
	a[href*=".xlsx"]::after,
	a[href*=".XLSX"]::after,
	a[href*=".csv"]::after,
	a[href*=".CSV"]::after,
	a[href*=".doc"]::after,
	a[href*=".DOC"]::after,
	a[href*=".docx"]::after,
	a[href*=".DOCX"]::after,
	a[href*=".ppt"]::after,
	a[href*=".PPT"]::after,
	a[href*=".pptx"]::after,
	a[href*=".PPTX"]::after,
	a[href*=".mp4"]::after,
	a[href*=".MP4"]::after,
	a[href*=".mp3"]::after,
	a[href*=".MP3"]::after,
	a[href*=".wmv"]::after,
	a[href*=".WMV"]::after,
	a[href*=".zip"]::after,
	a[href*=".ZIP"]::after,
	a[href*="mailto:"]::after,
	a[href*="mailto:red5"]::after {
		font-family: Helvetica, Arial, "sans-serif";
		/* for print, put the link address in parens after the link instead of the fa5 icons */
		content: " (" attr(href) ")";
	}
	
	* {
		overflow: visible;
		overflow-wrap: break-word;
		word-wrap: break-word;
		word-break: break-word;
	}	
}

@media only screen and (max-width: 1280px) {
	#mission .grid-x {
    	max-width: 65rem;
	}
	
	.footer .grid-x {
		width: 86%;
	}
	
	.footer .contact-us-wrapper {
		width: 11.625rem;
		height: 331px;
	}
	
	.footer .contact-us-wrapper a.button {
		width: 91px;
		height: 78px;
		top: 124px;
	}

}

@media only screen and (max-width: 1199px) {
	.circle.medium-size {
		width: 90px;
		height: 90px;	
	}

	.circle.medium-size a,
    .circle.medium-size p {
		width: 90px;
		height: 90px;
	}
	
	.circle .fa-check {
		top: 18%;
		left: 18%;
	}
	
	.circle a,
	.circle p {
		font-size: .7rem;
	}
}

@media only screen and (max-width: 1120px) {
	.footer {
		padding: 1.25rem 0 80px 0;
	}
}

@media only screen and (max-width: 105rem) {
	#mission .grid-x {
    	max-width: 58rem;
	}
	
	#mission p {
		font-size: 1.3rem;
	}
}

@media only screen and (max-width: 1024px) {
	.footer {
		padding: 1.25rem 0 52px 0;
	}
	
	.footer .copyright {
		margin: 1.75rem auto 0 auto;
	}	
	
	.footer .contact-us-wrapper {
		width: 140px;
		height: 213px;
		bottom: 1.75rem;
	}	
	
	.footer .contact-us-wrapper a.button {
		width: 70px;
		height: 60px;
		top: 76px;
		right: 8px;
		padding: 58px 0 0 0;
	}
	
	#menu-mainmenu-1>li {
		width: 28%;
	}	
	
	#main-menu-modal.reveal {
		padding: 126px 0 0 0;
	}
	
	#menu-mainmenu-1 ul.submenu {
		width: 72%;
		top: 0;
		bottom: 0; /*setting top and bottom to 0 makes the absolute element fill the parent vertical space */
		left: 28%;
	}

	#menu-mainmenu-1 ul.submenu li {
		width: 28%;
		min-height: 52px;
	}	
}

@media only screen and (max-width: 1023px) { /* foundation medium */
    .is-home #home-search-wrapper {
        margin-bottom: 0;
    }
    #home-search-wrapper .button.d2 {
        min-height: 4.25rem;
    }

    /* bottom margin needed to equally space buttons with sidebar nav */
    #home-widgets .accordion-content {
        margin-top: 3px;
        margin-bottom:.9375rem;
    }

	#sidebar1 {
        margin-top: .9375rem;
		margin-bottom: 1.8746rem;
		padding: 0;
	}
	
	#sidebar1 .accordion-title,
	#home-widgets .accordion-title {
		padding: 1.875rem;
	}
	
	#sidebar1 .accordion-title,
	#home-widgets .accordion-title {
		background-image: url(../images/icons/fontawesome/plus-circle-solid-white.svg);
	}

	#sidebar1 .is-active>.accordion-title,
	#home-widgets .is-active>.accordion-title {
		background-image: url(../images/icons/fontawesome/minus-circle-solid-white.svg);
	}	


	
	
	#sidebar1 .accordion-title.button {
		font-size: 1.1rem;
		border-radius: 0;
	}
	
	#sidebar1 .widget {
		border-radius: 0;
		margin-bottom: 0;
	}
	
	#sidebar1 h3 {
		padding: 1rem 0 1rem .625rem;
	}
	
	.is-home #sidebar1-inner-content .widget {
		background-color: #fff;
	}

    #sidebar1 .secondary-menu-button,
    #home-widgets .home-widgets-menu-button {
		display: block;	
	}
		
	#social-media-bottom {
    	height: 3.125rem;
	}
	.footer .copyright p {
		text-align: left;
	}
	
	.footer .copyright #social-media-bottom .menu>li>a:first-child {
		padding-left:0;
	}
	
	#mission .grid-x {
		text-align: center;
		padding: 1.5rem;
	}
	
	#mission img.mission-logo {
		max-width: 160px;
		padding: 0 0 46px 0;
	}
	
	#home-widgets {
		margin: 1.25rem 0 0 0;
	}
	/* ------------- Quick Links Mobile Stuff ------------- */
	.quick-image {
		display: none;
	}
	
	#quicklinks {
		background-size: 100% 66px;
		padding: 4.75rem 0 1rem 0;
	}
	
	#quicklinks .widgettitle {
		display: none;
	}
	
	#quicklinks li.menu-item {
		width: 100%;
		float: none;
		display: block;
	}
	
	#quicklinks li.menu-item:first-child a {
		border: none;
	}
	
	#quicklinks .widget {
		background-color: rgba(255, 255, 255, 1);
		border-radius: .125rem;
		padding: 0;
	}
	
	#quicklinks h2 {
		display: none;
	}
	
	#quicklinks ul > li.menu-item a {
		padding: 1.875rem 2.1875rem 1.875rem 1.875rem;
		display: block;
		text-decoration: none;
		border-top: 1px solid #0080b7;
		font-weight: bold;
		transition: background-color 0.3s ease;
	}
	
	#quicklinks li>a:hover {
		color: #fff;
	}

	#quicklinks .current-menu-item>a,
	#quicklinks .active>a:hover,
	#quicklinks li>a:hover {
		background-color: #f2f2f2;
	}	
	
	#quicklinks-inner-content {
		padding: 0;
	}
	
	#quicklinks-inner-content,
	#quicklinks a.button.quicklinks-menu-button {
		background-color: #f2f2f2;
	}
	
	#quicklinks .quicklinks-menu-button {
		display: block;	
	}

	.circle.medium-size {
		width: 114px;
		height: 114px;	
	}

	.circle.medium-size a,
    .circle.medium-size p {
		width: 114px;
		height: 114px;
	}
	
	.circle .fa-check {
		top: 24%;
		left: 25%;
	}
	
	.circle a,
	.circle p {
		font-size: 1.1rem;
	}	
}

@media only screen and (max-width: 940px) {	
	#mission h2 {
		margin: 0 0 .125rem 0;
	}
		
	.values-bottom {
		padding: 0
	}
}

@media only screen and (max-width: 920px) {
	.circle.medium-size {
		width: 76px;
		height: 76px;	
	}

	.circle.medium-size a,
    .circle.medium-size p {
		width: 76px;
		height: 76px;
	}
	
	.circle .fa-check {
		top: 18%;
		left: 18%;
	}
	
	.circle a,
	.circle p {
		font-size: .6em;
	}
}


@media only screen and (max-width: 900px) {
	.footer {
		padding: 1.25rem 0 11.625rem 0;
	}	
	
	.footer .contact-us-wrapper {
		background: url(https://deq.utah.gov/wp-content/themes/deq/assets/images/buttons/contact-us-diamond-only-vertical.svg) no-repeat bottom right;
		width: 20rem;
		height: 11.1875rem;
		bottom: 8.5rem;
	}
	
	.footer .contact-us-wrapper a.button {
		background-size: 106px 90px;
		width: 106px;
		height: 90px;
		top: 64px;
		right: 88px;
		padding: 95px 0 0 0;
	}
	
	#footer-menu-wrapper {
		float: none;
		clear: left;
		width: 100%;
	}
	
	#menu-utah-dot-gov li {
		float: left;
		width: 33%;
	}

}

@media only screen and (max-width: 855px) {
	.footer .copyright .dept-logo {
		background-size: 210px 74px;
		display: block;
		width: 210px;
		height: 5.75rem;
	}
	
	.footer .copyright div:nth-child(1) {
		min-width: 15.625rem;
	}
	
	#home-widgets li {
		font-weight: bold;
		width: 49%;
	}
}

@media only screen and (max-width: 800px) {
	.parallax-window {
		min-height: 210px;
	}
	
	.top-bar .dept-logo-container {
		background-size: 500px 158px;
		width: 500px;
		height: 158px;
	}
	
	.top-bar .dept-logo {
		height: 81px;
	}	
}

@media only screen and (max-width: 782px) {
	body.admin-bar #top-bar-menu, 
	#single.is-home #top-bar-menu {
		top: 30px;
	}
}

@media only screen and (max-width: 780px) {
	.admin-bar #off-canvas {
		padding: 4.75rem 0 0 0;
	}
	
	#menu-footermenu {
		max-width: 500px;
	}
	
	#menu-footermenu li>a {
		margin: .625rem .625rem 0 0;
	}	
}

@media only screen and (max-width: 768px) {
	.is-home #home-search-wrapper h1.primary {
		font-size: 2.5rem;
		padding: 0 1rem;
	}
	
	.is-home #home-search-wrapper #searchform-home {
    	width: 80%
	}
	
	#menu-mainmenu-1 ul.submenu ul.submenu li {
		float: none;
		width: 100%;
	}
	
	#menu-mainmenu-1>li {
		width: 40%;
	}	
	
	#main-menu-modal.reveal {
		padding: 126px 0 0 0;
	}
	
	#menu-mainmenu-1 ul.submenu {
		width: 60%;
		top: 0;
		bottom: 0; /* Setting top and bottom to 0 makes the absolute element fill the parent vertical space */
		left: 40%;
	}

	#menu-mainmenu-1 ul.submenu li {
		width: 40%;
		min-height: 52px;
	}	
}

@media only screen and (max-width: 767px) {	
	.info-box {
		width: 100%;
		max-width: 100%;
		float: none;
	}
	
	.is-home main .ctct-inline-form {
		width: 100%;
	}
	
	#sidebar1 .submenu-toggle, #off-canvas .submenu-toggle {
		height: 55px;
	}


    section.entry-content div.tabs-wrapper.fill-horizontal li.tabs-title.is-active {
       border: none;
    }

    section.entry-content div.tabs-wrapper.fill-horizontal .tabs-title:first-child>a {
        margin-top: 2px;
        margin-left: 0;
        border-left: 2px solid #fff;
    }

    section.entry-content div.tabs-wrapper.fill-horizontal .tabs-title:last-child>a {
        margin-right: 0;
        border-right: 2px solid #fff;
    }

    section.entry-content .tabs-wrapper.fill-horizontal .tabs-title>a,
    section.entry-content .tabs-wrapper.fill-horizontal .tabs-title.is-active a {
        margin-bottom: 4px;
    }

    section.entry-content div.tabs-wrapper.fill-horizontal .tabs-title.is-active a {
        border-left: 2px solid #fff;
    }

    section.entry-content div.tabs-wrapper.fill-horizontal ul.tabs {
        border: none;
        margin-top: 0;
    }
}

@media only screen and (max-width: 715px) {	
    #main-menu-button-wrapper {
        width: 100%;
    }

    #main-menu-button-wrapper #menu-toggle-for-medium {
        float: right;
    }

}

@media only screen and (max-width: 639px) { /* foundation small */
	#wpadminbar {
        position: fixed;
    }
    
    #sidebar1 {
        margin-top: 1.5rem;
    }

    #home-widgets .accordion-content {
        margin-bottom: 0;
    }
	
	.parallax-window {
		min-height: 230px;
	}
	
	.top-bar .dept-logo-container {
		background-size: 582px 183px;
		width: 582px;
		height: 183px;
		left: 50%;
		transform: translate(-50%);
	}
	
	.top-bar .dept-logo {
		display: block;
		height: 5.75rem;
		margin: .75rem auto 0 auto;
	}

    div.wpcf7 {
        padding: .5rem 0 0 0;
    }

    form.wpcf7-form input[type="text"],
    form.wpcf7-form input[type="number"],
    form.wpcf7-form input[type="date"],
    form.wpcf7-form input[type="email"],
    form.wpcf7-form input[type="tel"],
    form.wpcf7-form textarea {
        width: 100%;
    }

    /* Make room for utah.gov header */
    .reveal-overlay  {
        background-color: #fff;
        overflow: hidden;
        padding-top: 3rem;
    }

    .admin-bar .reveal-overlay {
        padding-top: 6rem;
    }

    #main-search-modal.reveal {
        width: calc(100% - 1rem);
        margin: auto;
    }

    #searchform-main {
        padding: 3rem .5rem 1.5rem .5rem;
    }

    #searchform-main input[type="text"], #searchform-not-found input[type="text"] {
        width: calc(90% - 3rem);
    }

    .is-home #home-search-wrapper h1.primary {
		font-size: 2.1rem;
	}
	
	.diamond-button {
		margin: 0 auto;
	}
	
	.diamond-button:first-child {
		margin-bottom: 36px;
	}
	
	
	#footer-top {
		background-size: auto 100%;
		height: 58px;
	}
		
	.footer .copyright p {
		height: 3.125rem;
	}
	
	.sticker-container {
		display: block;
		padding: 0;
	}

	.uppity .sticker-element {
		writing-mode: horizontal-tb;
		transform: none;
		width: 100%;
	}	
	
	.sticker-bar.uppity.left.rounded .sticker-element {
		border-radius: .25rem .25rem 0px 0;
	}
	
	.circle.medium-size {
		width: 200px;
		height: 200px;	
	}

	.circle.medium-size a,
    .circle.medium-size p {
		width: 200px;
		height: 200px;
	}
	
	.circle .fa-check {
		top: 24%;
		left: 25%;
	}
	
	.circle a,
	.circle p {
		font-size: 1.5rem;
	}
	
	.circle .arrow-right {
		display: none;
	}
	
	h3.circle-label {
		margin-bottom: 24px;
	} 

    .map-legend .divider-right {
        border-right: none;
    }

	/* ------------- Home Widgets Foundation small ------------- */

	#home-widgets .home-widgets-menu-button {
		color: #fff;
		display: block;	
	}
}

@media only screen and (max-width: 580px) {
	body.archive a.featured-image {
		float: none;
	}
	
	body.archive a.featured-image img {
		margin: 0 0 1rem 0;
	}
}

@media only screen and (max-width: 530px) {	
	.footer .contact-us-wrapper {
		bottom: 174px;
	}
	
	#menu-utah-dot-gov li {
		width: 45%;
	}
}

@media only screen and (max-width: 500px) {
	.entry-content .alignright,
	.entry-content .alignleft,
	.entry-content img.alignright, 
	.entry-content img.alignleft {
		clear: both;
		display: block;
		margin: 1rem auto;
		float: none;
	}
	
	#menu-footermenu li>a {
		width: 100%;
		margin: 0 .625rem 0 0;
	}
	
	#footer-menu-wrapper .menu>li {
		display: block;
		width: 100%;
		margin: .625rem 0 0 0;
	}
	
	#menu-utah-dot-gov {
		width: 86%;
		margin: 0 auto;
	}
	
	#menu-utah-dot-gov li {
		width: 100%;
		margin: .625rem 0 0 0;
	}
	
	#menu-utah-dot-gov li a{
		background-color: #fff;
		color: #404040;
		border-radius: .25rem;
		padding: .4rem;
		margin: 0 .625rem 0 0;
		text-align: center;
	}
		
	.notice h2 {
		font-size: 1.4rem;
	}	
	
	
	.footer .contact-us-wrapper {
		bottom: 302px;
	}
}

@media only screen and (max-width: 480px) {	
	.parallax-window {
		min-height: 196px;
	}
	
	.top-bar .dept-logo-container {
		background-size: 440px 139px;
		width: 440px;
		height: 139px;
		left: 50%;
		transform: translate(-50%);
	}
	
	.top-bar .dept-logo {
		display: block;
		margin: .25rem auto 0 auto;
		height: 3.75rem;
	}
	
	.menu-logo a {
    	height: 140px;
	}
		
	.is-home #home-search-wrapper {
		padding: 11.25rem 0 4.875rem 0;
	}
	
	.diamond-button {
		font-size: 1.7rem;
		width: 280px;
		height: 280px;
		padding-top: 6.625rem;
	}
	
	#mission {
		margin: 0;
	}
	
	#mission h2 {
		font-size: 2rem;
	}
		
	#mission p {
		font-size: 1.2rem;
	}
	
	.quote.home {
		font-size: 1.2rem;
	}

    .column-2,
    .column-3 {
        column-count: 1;
    }
}

@media only screen and (max-width: 430px) {
	.show-for-small-only .main-menu-container {
		margin: .75rem 14% 0 0;
	}	
	
	.is-home #home-search-wrapper h1.primary {
		font-size: 1.8rem;
	}
	
	.menu-logo a {
    	height: 107px;
	}
		
}


@media only screen and (max-width: 375px) {
	.show-for-small-only .main-menu-container {
    	margin: 1rem 18% 0 0;
	}
	
	.show-for-small-only .dept-logo {
		left: 30%;
		transform: translate(-30%);
	}

    .is-home #searchform-home .button {
		min-height: 86px;
	}

    a.diamond-button {
        width: 16rem;
        height: 16rem;
    }

}




/* ------------------------------------------ Admin Tools ------------------------------------------ */
/* Enable this to search for empty anchor tags that need fixing. Dropdown menus are empty, but legit so it's disabled by default */
/*
.admin-bar #main a:not([href])::after {
	background-image: url(../images/icons/fontawesome/anchor-solid-red-dark.svg) ;
	background-repeat: no-repeat;
	background-position-y: bottom;
	content: ' ';
	width: 16px;
	height: 16px;
	display: inline-block;
	margin-left: 6px;
}
*/

/* ------------------------------------------ Accessibility View ------------------------------------------ */
/* I'm powering the division styles using the <body> ID. */
/* The High Contrast settings button adds the class .accessibilityview to the <body> and removes the division-specific ID so I don't have to override several different division declarations.*/

body.accessibilityview,
body.accessibilityview h1,
body.accessibilityview main.main h2,
body.accessibilityview main.main h2 a,
body.accessibilityview main.main h3,
body.accessibilityview main.main h3 a,
body.accessibilityview main.main h4,
body.accessibilityview main.main h4.a,
body.accessibilityview main.main h5,
body.accessibilityview main.main h5 a,
body.accessibilityview main.main h6,
body.accessibilityview main.main h6 a,
body.accessibilityview main.main a:hover,
body.accessibilityview main.main .has-text-color,
body.accessibilityview cite,
body.accessibilityview .lifted,
body.accessibilityview blockquote,
body.accessibilityview blockquote p,
body.accessibilityview #top-bar-menu .show-for-small-only a,
body.accessibilityview span.category-title,
body.accessibilityview button.close-button,
body.accessibilityview button.close-button:hover,
body.accessibilityview #searchform-not-found .home-search,
body.accessibilityview #searchform-not-found button.search-button,
body.accessibilityview main.main .gs-webResult.gs-result a.gs-title:link, 
body.accessibilityview main.main .gs-webResult.gs-result a.gs-title:link b, 
body.accessibilityview main.main .gs-imageResult a.gs-title:link, 
body.accessibilityview main.main .gs-imageResult a.gs-title:link b,
body.accessibilityview main.main .gs-webResult.gs-result a.gs-title:visited, 
body.accessibilityview main.main .gs-webResult.gs-result a.gs-title:visited b, 
body.accessibilityview main.main .gs-imageResult a.gs-title:visited, 
body.accessibilityview main.main .gs-imageResult a.gs-title:visited b,
body.accessibilityview main.main .gs-imageResult div.gs-visibleUrl,
body.accessibilityview main.main .gs-webResult .gs-snippet, 
body.accessibilityview main.main .gs-imageResult .gs-snippet, 
body.accessibilityview main.main .gs-fileFormatType,
body.accessibilityview #menu-footermenu li>a,
body.accessibilityview .accordion-title.h2,
body.accessibilityview .accordion-title.h3,
body.accessibilityview .accordion-title.h5,
body.accessibilityview .accordion-content,
body.accessibilityview main.main li.is-dropdown-submenu-item a.button:hover,
body.accessibilityview main.main li.is-dropdown-submenu-item a[class*="-background-color"]:hover,
body.accessibilityview .tabs-title>a:focus, 
body.accessibilityview .tabs-title>a[aria-selected=true],
body.accessibilityview.is-home #home-search-wrapper #searchform-home .fa-search,
body.accessibilityview #home-widgets .accordion-content,
body.accessibilityview form.wpcf7-form label,
body.accessibilityview .sticker-content,
body.accessibilityview .sticker-content h3 {
	color: #000;
}

body.accessibilityview main.main .has-white-color,
body.accessibilityview main.main .has-white-color:hover,
body.accessibilityview main.main ul.dropdown.menu li.is-dropdown-submenu-parent>a,
body.accessibilityview main.main li.is-dropdown-submenu-item a.button,
body.accessibilityview main.main .info-box div.alphabet a.button,
body.accessibilityview main.main li.is-dropdown-submenu-item a[class*="-background-color"],
body.accessibilityview main.main .rolodex h2,
body.accessibilityview main.main .rolodex svg.svg-inline--fa[class*="-color"] {
    color: #fff;
}

body.accessibilityview main.main li.is-dropdown-submenu-item a.button:hover,
body.accessibilityview main.main li.is-dropdown-submenu-item a[class*="-background-color"]:hover {
    background-color: #ff0;
}

body.accessibilityview main.main .faq::before {
	background-image: url(../images/icons/fontawesome/question-circle-solid-black.svg);
}

body.accessibilityview a {
	color: #000;
	text-decoration: underline;
}

body.accessibilityview hr, 
body.accessibilityview .wp-block-separator {
        border-top: 3px solid #000;
}

/* ------------------------------------------.accessibilityview Top Bar Stuff ------------------------------------------ */

body.accessibilityview #utahGovLink,
body.accessibilityview #settingsLink {
	background: #000;
}

body.accessibilityview .parallax-window,
body.accessibilityview .parallax-window::before,
body.accessibilityview .top-bar, 
body.accessibilityview .top-bar ul {
	background-color: #000;
}

body.accessibilityview .menu-logo-vertical .button-aq a {
	background-image: url("https://deq.utah.gov/wp-content/themes/deq/assets/images/branding/Logo-Utah-DEQ-Vertical-Air-Quality-White.svg");
}

body.accessibilityview .menu-logo-vertical .button-dw a {
	background-image: url("https://deq.utah.gov/wp-content/themes/deq/assets/images/branding/Logo-Utah-DEQ-Vertical-Drinking-Water-White.svg");
}

body.accessibilityview .menu-logo-vertical .button-err a {
	background-image: url("https://deq.utah.gov/wp-content/themes/deq/assets/images/branding/Logo-Utah-DEQ-Vertical-Environmental-Response-and-Remediation-White.svg");
}

body.accessibilityview .menu-logo-vertical .button-wmrc a {
	background-image: url("https://deq.utah.gov/wp-content/themes/deq/assets/images/branding/Logo-Utah-DEQ-Vertical-Waste-Management-and-Radiation-Control-White.svg");
}

body.accessibilityview .menu-logo-vertical .button-wq a {
	background-image: url("https://deq.utah.gov/wp-content/themes/deq/assets/images/branding/Logo-Utah-DEQ-Vertical-Water-Quality-White.svg");
}


/* ------------------------------------------ .accessibilityview Branding Stuff ------------------------------------------ */
body.accessibilityview .top-bar .dept-logo-container { /* add the mountain background */ 
	background:url(https://deq.utah.gov/wp-content/themes/deq/assets/images/branding/Mountain-Access.svg) top center no-repeat;
}

body.accessibilityview .menu-logo-vertical {
	background-color: #000;
	padding-bottom: 1.5rem;
}

/* ------------------------------------------ .accessibilityview Archive Stuff ------------------------------------------ */
body.archive.accessibilityview main.main article {
	border-bottom: 1px solid #000;
}

/* ------------------------------------------ .accessibilityview Button Stuff ------------------------------------------ */
body.accessibilityview .pagination .current,
body.accessibilityview main.main button,
body.accessibilityview main.main .button,
body.accessibilityview main.main a.button,
body.accessibilityview main.main #home-widgets li.button a,
body.accessibilityview #home-widgets-inner-content .home-big-buttons a.button {
	background-color: #000;
	color: #fff;
}

body.accessibilityview .button:hover, 
body.accessibilityview .button:focus,
body.accessibilityview #home-widgets-inner-content .home-big-buttons a.button:hover {
	background-color: #ff0;
	color: #000; 
}

body.accessibilityview a.diamond-button {
	color: #fff;
	background: url(https://deq.utah.gov/wp-content/themes/deq/assets/images/buttons/button-diamond-deq-black.svg) center center no-repeat;
}

body.accessibilityview main.main a.diamond-button:hover {
	color: #fff;
	text-decoration: underline;
}

body.accessibilityview #inner-content a.button.excerpt-read-more {
	background-color: #ff0;
	color: #000;
	border: 1px solid #000;
}

body.accessibilityview #inner-content a.button.excerpt-read-more:hover,
body.accessibilityview .contact-us-wrapper a,
body.accessibilityview .contact-us-wrapper a:hover {
	background-color: #000;
	color: #fff;
}

/* ------------------------------------------ .accessibilityview Reveal and Modal Stuff ------------------------------------------ */
body.accessibilityview .reveal-overlay {
    background-color: #000;
}


body.accessibilityview .reveal-overlay .close-button {
	background-color: #fff;
	color: #000;
}

/* ------------------------------------------ .accessibilityview Search Stuff ------------------------------------------ */
body.accessibilityview #main-search-modal.reveal {
	background:none;
	background-color: #000;
}

body.accessibilityview #searchform-main input[type="text"],
body.accessibilityview #searchform-not-found input[type="text"] {
	background: #fff;
	text-shadow: none;
}

body.accessibilityview #searchform-not-found input[type="text"] {
	box-shadow: none;
}

body.accessibilityview #searchform-main button.search-button:hover,
body.accessibilityview #searchform-not-found button.search-button:hover, 
body.accessibilityview #main-search-modal .close-button:hover, 
body.accessibilityview #main-search-modal .close-button.medium:hover {
	color: #ff0;
}

body.accessibilityview #main-search-modal .close-button, 
body.accessibilityview #main-search-modal .close-button.medium,
body.accessibilityview .home-search {
	color: #fff;
	background-color: #000;
}

body.accessibilityview button.search-button {
	background-color:#fff;
}

body.accessibilityview #main-search-modal button.search-button {
	color: #fff;
	background-color:#000;
}

/* ------------------------------------------ .accessibilityview Google Search Results Help ------------------------------------------ */
body.accessibilityview main.main .gsc-control-wrapper-cse .gsc-input-box,
body.accessibilityview main.main .gsc-results-wrapper-nooverlay,
body.accessibilityview main.main .gcsc-more-maybe-branding-root,
body.accessibilityview main.main .gsc-resultsbox-visible,
body.accessibilityview main.main .gs-webResult div.gs-visibleUrl {
	background: #fff;
}

body.accessibilityview .gsc-selected-option,
body.accessibilityview .gsc-option {
    color: #000;
    font-size: 1.1rem;
}

body.accessibilityview main.main .gs-fileFormat {
    color: #000;
    font-weight: bold;
}

body.accessibilityview .gcsc-find-more-on-google-magnifier {
    width: 17px;
    height: auto;
}

body.accessibilityview main.main .gsc-webResult .gsc-result {
    border: 2px solid #000;
    padding: 1rem;
    margin-bottom: 1.5rem;
}

body.accessibilityview main.main .gsc-control-wrapper-cse input.gsc-input {
	color: #000 !important;
    border: 1px solid #fff !important;
}

body.accessibilityview main.main .gsc-control-wrapper-cse table a.gsst_a {
	background-color: #000;
}

body.accessibilityview main.main .gsc-control-wrapper-cse table a.gsst_a:hover {
	background-color: #ff0;
}

body.accessibilityview main.main .gsc-control-wrapper-cse table a.gsst_a span {
	color: #fff;
}

body.accessibilityview main.main .gsc-results .gsc-cursor-box .gsc-cursor-page {
    border-color: #fff;
    background-color: #fff;
    color: #000;
}

body.accessibilityview main.main .gcsc-find-more-on-google-text,
body.accessibilityview main.main .gcsc-find-more-on-google-query,
body.accessibilityview main.main .gsc-result-info,
body.accessibilityview main.main .gsc-orderby-label.gsc-inline-block {
    color: #000 !important;
}
body.accessibilityview main.main .gcsc-find-more-on-google-magnifier {
    fill: #000 !important;
}

body.accessibilityview main.main .gs-webResult div.gs-visibleUrl, 
body.accessibilityview main.main .gs-imageResult div.gs-visibleUrl {
    color: #034963;
}

/* ------------------------------------------ .accessibilityview Sidebar and Offcanvas and Widget Stuff ------------------------------------------ */
body.accessibilityview #sidebar1 li.current-menu-parent.active > .link-wrapper,
body.accessibilityview #off-canvas li.current-menu-parent.active > .link-wrapper,
body.accessibilityview #sidebar1 .widget,
body.accessibilityview #off-canvas .widget {
	background-color: #000;
}

body.accessibilityview #sidebar1 h3,
body.accessibilityview #off-canvas h3 {
	color: #fff;
}

body.accessibilityview #sidebar1 .active>a,
body.accessibilityview #off-canvas .active>a {
	background-color: #ffff00;
}

body.accessibilityview #sidebar1 ul ul.submenu,
body.accessibilityview #off-canvas ul ul.submenu {
    border-left: .625rem solid #fff;
}

body.accessibilityview #sidebar1 ul > li.menu-item a, 
body.accessibilityview #sidebar1 .widget_recent_entries ul li a,
body.accessibilityview #off-canvas ul > li.menu-item a,
body.accessibilityview #off-canvas .widget_recent_entries ul li a {
	color: #fff;
	border-top: .25rem solid #fff;
}
body.accessibilityview #sidebar1 .has-submenu-toggle>div.link-wrapper:hover>a,                       
body.accessibilityview #sidebar1 ul > li.menu-item a:hover, 
body.accessibilityview #sidebar1 .widget_recent_entries ul li a:hover,
body.accessibilityview #off-canvas .has-submenu-toggle>div.link-wrapper:hover>a,   
body.accessibilityview #off-canvas ul > li.menu-item a:hover,
body.accessibilityview #off-canvas .widget_recent_entries ul li a:hover {
	background-color: #ff0;
    color: #000;
}

body.accessibilityview #sidebar1 ul > li.menu-item.divider > a { 
	border-color:#000;
}

body.accessibilityview #sidebar1 .active>a:hover,
body.accessibilityview #sidebar1 li>a:hover + .submenu-toggle,
body.accessibilityview #sidebar1 .submenu-toggle:hover,
body.accessibilityview #sidebar1 li>a:hover,
body.accessibilityview #off-canvas .active>a:hover,
body.accessibilityview #off-canvas li>a:hover + .submenu-toggle,
body.accessibilityview #off-canvas .submenu-toggle:hover,
body.accessibilityview #off-canvas li>a:hover {
	/* background-color: rgba(64, 64, 64, .3);
	Red5 - The toggle background color is on top so it covers the text. That's why this is an rgba of .3
	Using a slight fade doesn't work well for high contrast.
	Try another way of highlighting like border change.
    */
	background-color: rgba(0, 0, 0, 0);
}

body.accessibilityview #sidebar1 .submenu-toggle, 
body.accessibilityview #off-canvas .submenu-toggle {
    background-image: url(../images/icons/fontawesome/plus-circle-regular-white.svg);
}
body.accessibilityview #sidebar1 .submenu-toggle:hover, 
body.accessibilityview #off-canvas .submenu-toggle:hover {
    background-image: url(../images/icons/fontawesome/plus-circle-regular-black.svg);
}

body.accessibilityview #sidebar1 .submenu-toggle[aria-expanded="true"], 
body.accessibilityview #off-canvas .submenu-toggle[aria-expanded="true"] {
    background-image: url(../images/icons/fontawesome/minus-circle-regular-white.svg);
}
body.accessibilityview #sidebar1 .submenu-toggle[aria-expanded="true"]:hover, 
body.accessibilityview #off-canvas .submenu-toggle[aria-expanded="true"]:hover {
    background-image: url(../images/icons/fontawesome/minus-circle-regular-black.svg);
}

body.accessibilityview #sidebar1 .current-menu-item>.submenu-toggle,
body.accessibilityview #off-canvas .current-menu-item>.submenu-toggle {
	background-color: #fff;
	color: #000;
}

body.accessibilityview #sidebar1 .menu .current-menu-item>a,
body.accessibilityview #off-canvas .menu .current-menu-item>a {
	background-color: #ff0;
	color: #000;
}

body.android.accessibilityview #sidebar1 .active>a:hover,
body.android.accessibilityview #sidebar1 li>a:hover,
body.android.accessibilityview #sidebar1 li>a:hover + .submenu-toggle,
body.android.accessibilityview #off-canvas .active>a:hover,
body.android.accessibilityview #off-canvas li>a:hover,
body.android.accessibilityview #off-canvas li>a:hover + .submenu-toggle{
	background-color: #ffff00;
	color: #000;
}

body.accessibilityview #sidebar1 .is-accordion-submenu-parent>a::after,
body.accessibilityview #off-canvas .is-accordion-submenu-parent>a::after {
	display:none;
}

/* button.submenu-toggle comes from foundation.min.js */
body.accessibilityview #sidebar1 .submenu-toggle,
body.accessibilityview #off-canvas .submenu-toggle {
	color: #fff;
}

body.accessibilityview #sidebar1 .submenu-toggle:hover:before,
body.accessibilityview #off-canvas .submenu-toggle:hover:before,
body.accessibilityview #home-widgets .home-widgets-menu-button:hover {
	/*color: #fff;*/
	color: #fff;
}

body.accessibilityview #sidebar1 .secondary-menu-button,
body.accessibilityview #off-canvas .secondary-menu-button,
body.accessibilityview #home-widgets .home-widgets-menu-button {
	background-color: #000;
}

@media only screen and (max-width: 1023px) {
	body.accessibilityview  #sidebar1 ul li.menu-item {
		background-color: #000;
	}
}

/* ------------------------------------------ .accessibilityview Mission Stuff and Quote Stuff ------------------------------------------ */
body.accessibilityview .quote.home {
	background-color: #fff;
	color: #000;
}

/* ------------------------------------------ .accessibilityview Quick Links Stuff ------------------------------------------ */
body.accessibilityview #quicklinks {
	background: #000;
	padding: 1rem 0 1.75rem 0;
}

body.accessibilityview #footer-top,
body#single.accessibilityview #footer-top,
body.category.accessibilityview #footer-top {
	background-color: #fff;
}

body.accessibilityview #quicklinks .current-menu-item>a,
body.accessibilityview #quicklinks span.quick-title {
    font-weight: bold;
    color: #000;
}

@media only screen and (max-width: 1023px) {
    body.accessibilityview #quicklinks-inner-content, #quicklinks a.button.quicklinks-menu-button {
        background-color: #fff;
        color: #000;
    }

    body.accessibilityview #quicklinks .accordion-title:before {
        color: #000;
    }
}

/* ------------------------------------------ .accessibilityview State of Environment Stuff ------------------------------------------ */
body.accessibilityview #service-menu {
	border-top: 1px solid #404040;
}

/* ------------------------------------------ .accessibilityview Footer Stuff ------------------------------------------ */
body.accessibilityview .footer {
	background: #000;
}

body.accessibilityview #footer-top {
	display: none;
}

body.accessibilityview .footer .contact-us-wrapper {
	background:url(https://deq.utah.gov/wp-content/themes/deq/assets/images/buttons/contact-us-diamond-only-black.svg) no-repeat bottom right;
}

body.accessibilityview .footer .contact-us-wrapper a.button {
	background: url(https://deq.utah.gov/wp-content/themes/deq/assets/images/buttons/contact-us-button.svg) no-repeat top center;
}

body.accessibilityview #utah-dot-gov-footer {
	background: #000;
}

body.accessibilityview .meta-entry {
	border-top: 1px solid #fff;
}

body.accessibilityview .meta-entry #categories a,
body.accessibilityview .meta-entry #tags a {
	background-color: #000;
}

body.accessibilityview .meta-entry #categories a:hover,
body.accessibilityview .meta-entry #tags a:hover {
	background-color: #ff0;
    color: #000;
}

body.accessibilityview .back-to-top svg.fa-arrow-circle-up {
	stroke: #ff0;
	stroke-width: 1.25rem;
}

/* ------------------------------------------ .accessibilityview Accordion Stuff ------------------------------------------ */
body.accessibilityview .accordion {
	background-color: #fff;
}

body.accessibilityview main.main .accordion-title,
body.accessibilityview main.main .accordion-title:hover,
body.accessibilityview main.main .accordion-title.has-white-color:hover,
body.accessibilityview main.main .accordion-title:focus {
    color: #000;
    background-color: #fff;
    background-image: url(../images/icons/fontawesome/plus-circle-solid-black.svg);
    border: 1px solid #000;
    border-bottom: 0;
}

body.accessibilityview main.main .accordion-content {
    border:1px solid #000;
    border-bottom: 0;
}

body.accessibilityview main.main .is-active>.accordion-title {
    background-image: url(../images/icons/fontawesome/minus-circle-solid-black.svg);
}

body.accessibilityview main.main :last-child>.accordion-content:last-child {
    border-bottom: 1px solid #000;
}

body.accessibilityview main.main :last-child:not(.is-active)>.accordion-title {
    border-bottom: 1px solid #000;
    border-radius: 0;
}

body.accessibilityview .accordion-title,
body.accessibilityview .accordion-title:hover {
	background-image: url(../images/icons/fontawesome/plus-circle-solid-black.svg);
}

body.accessibilityview .is-active>.accordion-title {
	background-image: url(../images/icons/fontawesome/minus-circle-solid-black.svg);
}

@media only screen and (max-width: 1023px) {
    body.accessibilityview #quicklinks .current-menu-item>a, 
    body.accessibilityview #quicklinks .active>a:hover, 
    body.accessibilityview #quicklinks li>a:hover {
        background-color: #ff0;
        color: #000;
    }
    body.accessibilityview #quicklinks ul > li.menu-item a {
        border-color: #000;
    }
}




/* ------------------------------------------ .accessibilityview Tabs Stuff ------------------------------------------ */
body.accessibilityview .tabs-title>a {
    background-color: #fff;
    border: 1px solid #000;
}


body.accessibilityview [class*="-background-color"] .tabs-title>a, 
body.accessibilityview main.main [class*="-background-color"] .tabs-title>a:hover {
    color: #000;
}

body.accessibilityview .tabs-title.is-active a {
	border: 1px solid #000;
	border-bottom: 1px solid #fff;
}

 body.accessibilityview .tabs-title>a:hover {
	background: #ff0;
}

body.accessibilityview .tabs-title>a:focus, 
body.accessibilityview .tabs-title>a[aria-selected=true] {
	background: #ff0;
}

body.accessibilityview .tabs-content {
	background: #fff;
	color: #000;
	border: 1px solid #000;
}

body.accessibilityview .tabs-wrapper.four-across.dark .tabs-title>a:focus, 
body.accessibilityview .tabs-wrapper.four-across.dark .tabs-title>a[aria-selected=true] {
    background-color: #000;
}




/* ------------------------------------------ .accessibilityview Homepage Stuff ------------------------------------------ */
body.accessibilityview.is-home #home-search-wrapper h1.primary {
	color: #fff;
}

body.accessibilityview.is-home .content {
	background: none;
}

body.accessibilityview.is-home #home-search-wrapper {
	background: #000;
}

body.accessibilityview.is-home #searchform-home input[type="text"] {
	border: 1px solid #000;
}

body.accessibilityview.is-home #searchform-home .button {
	border: 1px solid #fff;
}

body.accessibilityview .page-template-dw-water-system-search #footer-top {
	background-color: #fff;
}

body.accessibilityview #mission {
	background-image: none !important; /*background image is set inline, so !important used here */
	background-color: #000;
}

@media only screen and (max-width: 530px) {
	body.accessibilityview #home-widgets ul > li.button a {
		border: .125rem solid #fff;
	}
}

/* ------------------------------------------ .accessibilityview Tooltip Stuff ------------------------------------------ */
body.accessibilityview .tooltip {
	background: #000;
	color:#fff;
	border: .125rem solid #fff;
}

body.accessibilityview .tooltip::before {
	border-color:transparent transparent #000;
}

body.accessibilityview .tooltip.top::before {
	border-color:#000 transparent transparent;
}

body.accessibilityview .tooltip.left::before {
	border-color:transparent transparent transparent #000;
}

body.accessibilityview .tooltip.right::before {
	border-color:transparent #000 transparent transparent;
}

/* ------------------------------------------ .accessibilityview Document Icons, Font Icons, Font Awesome Stuff ------------------------------------------ */
body.accessibilityview a[href*=".kmz"]::after,
body.accessibilityview a[href*=".KMZ"]::after {
	background-image: url(../images/icons/fontawesome/map-regular-black.svg);
}

body.accessibilityview a[href*=".pdf"]::after,
body.accessibilityview a[href*=".PDF"]::after {
	background-image: url(../images/icons/fontawesome/file-pdf-regular-black.svg)
}

body.accessibilityview a[href*=".xls"]::after,
body.accessibilityview a[href*=".xlsx"]::after,
body.accessibilityview a[href*=".XLS"]::after,
body.accessibilityview a[href*=".XLSX"]::after,
body.accessibilityview a[href*=".csv"]::after,
body.accessibilityview a[href*=".CSVe"]::after {
	background-image: url(../images/icons/fontawesome/file-excel-regular-black.svg);
}

body.accessibilityview a[href*=".doc"]::after,
body.accessibilityview a[href*=".docx"]::after,
body.accessibilityview a[href*=".dot"]::after,
body.accessibilityview a[href*=".DOC"]::after,
body.accessibilityview a[href*=".DOCX"]::after,
body.accessibilityview a[href*=".DOT"]::after {
	background-image: url(../images/icons/fontawesome/file-word-regular-black.svg);
}

body.accessibilityview a[href*=".ppt"]::after,
body.accessibilityview a[href*=".pptx"]::after,
body.accessibilityview a[href*=".PPT"]::after,
body.accessibilityview a[href*=".PPTX"]::after {
	background-image: url(../images/icons/fontawesome/file-powerpoint-regular-black.svg);
}

body.accessibilityview a[href*=".mp4"]::after,
body.accessibilityview a[href*=".MP4"]::after,
body.accessibilityview a[href*=".wmv"]::after,
body.accessibilityview a[href*=".WMV"]::after {
	background-image: url(../images/icons/fontawesome/file-video-regular-black.svg);
}

body.accessibilityview a[href*=".mp3"]::after,
body.accessibilityview a[href*=".MP3"]::after {
	background-image: url(../images/icons/fontawesome/file-audio-regular-black.svg);
}

body.accessibilityview a[href*=".zip"]::after,
body.accessibilityview a[href*=".ZIP"]::after {
	background-image: url(../images/icons/fontawesome/file-archive-regular-black.svg);
}

body.accessibilityview a[href*="mailto:"]::after {
	background-image: url(../images/icons/fontawesome/envelope-regular-black.svg);
}

body.accessibilityview .engine-icon a::before {
	background: url(https://deq.utah.gov/wp-content/uploads/engine-icon-black.svg) left no-repeat;
}

body.accessibilityview .engine-icon.current-menu-item.active a::before {
	background-image: url(https://deq.utah.gov/wp-content/uploads/engine-icon-white.svg);
}

/* ------------------------------------------ .accessibilityview Table Stuff ------------------------------------------ */
body.accessibilityview .wp-block-table table {
	width: 100%;
	border: 1px solid #000;
}

body.accessibilityview .wp-block-table table th {
	border: 1px solid #000;
	border-right: 1px solid #fff;
}

body.accessibilityview .wp-block-table table th:last-child {
	border-right: 1px solid #000;
}

body.accessibilityview .wp-block-table table td {
	border: 1px solid #000;
}

body.accessibilityview .wp-block-table table tr th {
	background: #000;
	color: #fff;
}

body.accessibilityview .wp-block-table table tr:hover {
	background-color: #ffff00;
}



/* ------------------------------------------ .accessibilityview Form Stuff ------------------------------------------ */
/* Red5 - if I combine the following declarations, Chrome gets grumpy */
body.accessibilityview input::-webkit-input-placeholder,
body.accessibilityview textarea::-webkit-input-placeholder {
	color: #000;
}
body.accessibilityview input:-moz-placeholder,
body.accessibilityview textarea:-moz-placeholder {
	color: #000;
}
body.accessibilityview input::-moz-placeholder,
body.accessibilityview textarea::-moz-placeholder {
	color: #000;
}
body.accessibilityview input:-ms-input-placeholder,
body.accessibilityview textarea:-ms-input-placeholder {
	color: #000;
}




/* ------------------------------------------ .accessibilityview Contact Form 7 ------------------------------------------ */
body.accessibilityview form.wpcf7-form input[type="submit"].wpcf7-submit {
	background: #000;
	color: #fff;
}

body.accessibilityview form.wpcf7-form input[type="text"],
body.accessibilityview form.wpcf7-form input[type="number"],
body.accessibilityview form.wpcf7-form input[type="date"],
body.accessibilityview form.wpcf7-form input[type="email"],
body.accessibilityview form.wpcf7-form input[type="tel"],
body.accessibilityview form.wpcf7-form textarea {
	background: #fff;
    color: #000;
	text-shadow: none;
 }




/* ------------------------------------------ .accessibilityview Constant Contact Stuff ------------------------------------------ */
/*cc adds style to the <head> so !important used here */
body.accessibilityview main.main [class*="ctct-"] {
    color: #000 !important;
    background-color: #fff !important;
}

body.accessibilityview main.main .ctct-form-button {
	background-color: #000 !important;
	color: #fff !important;
}

/* ------------------------------------------ .accessibilityview Custom Stuff ------------------------------------------ */
body.accessibilityview .fisher-price-phone a,
body.accessibilityview .orbit-caption {
	background-color: #000;
}

body.accessibilityview .orbit-bullets button.is-active {
    background-color: #ff0;
    border: 3px solid #000;
}

body.accessibilityview main.main .fisher-price-phone h3 {
    background-color: #000;
    color: #fff;
    border: 1px solid #ff0;
    width: 90%;
    margin-left: 5%;
    padding: 1rem;
    text-align: center;
}

body.accessibilityview .troubleshoot {
	border: 1px dashed #ff0;
}

body.accessibilityview main.main .sticker-element {
	color: #fff;
	background:#000;
}

body.accessibilityview main.main .sticker-container {
    border: 2px solid #000;
}

body.accessibilityview .circle a,
body.accessibilityview .circle p {
	color: #fff;
}

body.accessibilityview circle a {
	transition: 0.3s;
}

body.accessibilityview .circle a:hover {
	background-color: rgba(0, 0, 0, .3);
}

body.accessibilityview .circle .fa-check {
	color: #fff;
}

body.accessibilityview .circle.medium-size.arrow-right:after {
	color: #000;
}

body.accessibilityview .circle .arrow-right {
	color: #000;
}

body.accessibilityview h3.circle-label {
	color: #000;
}

body.accessibilityview .info-box,
body.accessibilityview .info-box[class*="-background-color"],
body.accessibilityview main.main .grid-x .cell[class*="-background-color"] {
	background-color: #ffff00;
    color: #000;
	border: .125rem solid #000;
}

body.accessibilityview main.main .grid-x .cell.has-white-background-color,
body.accessibilityview main.main .grid-x .cell.has-grey-light-background-color {
    background-color: #fff;
}

body.accessibilityview main.main .info-box a,
body.accessibilityview main.main .info-box[class*="-background-color"] a,
body.accessibilityview main.main .grid-x .cell[class*="-background-color"] a,
body.accessibilityview main.main .info-box a:hover,
body.accessibilityview main.main .info-box[class*="-background-color"] a:hover,
body.accessibilityview main.main .grid-x .cell[class*="-background-color"] a:hover {
    color: #000;
}

body.accessibilityview main.main .info-box a.wp-block-button__link,
body.accessibilityview main.main .info-box[class*="-background-color"] a.wp-block-button__link,
body.accessibilityview main.main .grid-x .cell[class*="-background-color"] a.wp-block-button__link,
body.accessibilityview main.main .grid-x .cell[class*="-background-color"] a.sticker-element {
    color: #fff;
}

body.accessibilityview .info-box .info-box {
    background: #fff;
}

body.accessibilityview .info-box address {
	color: #000;
}

body.accessibilityview .info-box table tbody tr:nth-child(even) {
	background-color: #fff;
}

body.accessibilityview .info-box table tbody tr:hover {
	background-color: #ffff00;
}

body.accessibilityview .info-box.get-help a.accordion-title {
	color: #fff;
}

body.accessibilityview .info-box.get-help a.accordion-title:before {
	color: #fff;
}

body.accessibilityview .section-wrapper {
	background-color: #ffff00;
}

body.accessibilityview .section-wrapper table.content {
	background: #fff;
}

body.accessibilityview .dashboard a.dash-button {
	background-color:rgba(0,0,0, 1);
}

body.accessibilityview .browser {
	background-color: #ff0;
	border: 2px solid #000;
}

body.accessibilityview .browser .wrapper-top .url p {
	background-color: #fff;
}

body.accessibilityview .browser .wrapper-top .url .fa-lock {
	color: #000;
}

body.accessibilityview .browser .browser-buttons svg {
	color: #000;
}

body.accessibilityview div.background-photo {
	background: #000;
}




/* ------------------------------------------ .accessibilityview List Styling and List Variants ------------------------------------------ */
body.accessibilityview section.entry-content ul.variant.yes>li::before {
    background-image: url(../images/icons/fontawesome/check-circle-duotone-black.svg);
}

body.accessibilityview section.entry-content ul.variant.no>li::before {
    background-image: url(../images/icons/fontawesome/do-not-enter-duotone-black.svg);
}

body.accessibilityview section.entry-content ul.variant.power-pellets li::before {
    background: #000;
}

body.accessibilityview ol.pokemon > li:before {
    background-image: url(../images/icons/Bullet-Pokemon-Black.svg);
    color: #ff0;
}




/* ------------------------------------------ .accessibilityview Caption Stuff ------------------------------------------ */

body.accessibilityview img.border {
	border: 1px solid #000;
}

body.accessibilityview .wp-block-image figcaption {
    background-color: #fff;
    border: 2px solid #000;
}

body.accessibilityview .wp-block-image.has-white-background-color figcaption  {
    color: #000;
}

/* ------------------------------------------ .accessibilityview Gradient and Color Stuff ------------------------------------------ */

body.accessibilityview [class*="-v"],
body.accessibilityview [class*="-background-color"],
body.accessibilityview main.main a.wp-block-button__link,
body.accessibilityview main.main a.wp-block-button__link:hover,
body.accessibilityview main.main a.wp-block-button__link.has-text-color:hover {
    background-color: #000;
    color: #fff;
}

body.accessibilityview main.main .timeline-button[class*="background-color"]::after {
    border-left-color: #000;
}

body.accessibilityview main.main .has-white-background-color {
    background-color: #fff;
}

body.accessibilityview [class*="-background-color"] a,
body.accessibilityview main.main [class*="-background-color"] a:hover {
    color: #fff;
}

body.accessibilityview main.main svg.svg-inline--fa[class*="-color"] {
    color:#000;
}
body.accessibilityview main.main a.wp-block-button__link>svg.svg-inline--fa[class*="-color"] {
    color:#fff;
}

body.accessibilityview main.main .svg-container path:hover {
	fill: #034963;
}

body.accessibilityview main.main .svg-container a:active  {
	background-color: #034963;
}