@charset "UTF-8";
/* Contact: red5@utah.gov */
/************************************************

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;
  appearance: none;
  -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: 'Roboto Serif', serif;
	font-size: 1.1rem;
    font-style: normal;
    font-weight: 400;
}

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

h1 {
	font-family: 'Manrope', sans-serif;
	font-size: 2.3rem;
	line-height: normal;
	font-weight: bold;
    margin-bottom: 3.125rem;
}

h2 {
	font-family: 'Roboto Serif', serif;
	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: 'Roboto Serif', serif;
	font-size: 1.8rem;
}

h2.alt {
	font-family: 'Manrope', sans-serif;
	font-weight: bold;
}

h2 a {
	color: #636363;
}

h3 {
	font-family: 'Manrope', sans-serif;
	font-size: 1.4rem;
	font-weight: bold;
	padding: 0;
	margin: 3.125rem 0 1.125rem 0;
	line-height: 1;
}

.h3 {
	font-family: 'Manrope', sans-serif;
	font-size: 1.4rem;
	font-weight: bold;
}

h4 {
	font-family: 'Roboto Serif', serif;
    font-style: normal;
	font-weight: bold;
    font-size: 1.1rem;
    margin: 1.125rem 0 .2rem 0;
}

h5 {
	font-family: 'Manrope', sans-serif;
	font-size: 1.1rem;
	font-weight:bold;
	color: #0080b7;
	margin: 1.125rem 0 1rem 0;
}

h5 a {
	color: #636363;
}

h6 {
    font-family: 'Roboto Serif', serif;
    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("/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("/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("/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("/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("/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: 'Manrope', sans-serif;
	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: 'Manrope', sans-serif;
	font-size: 2rem;
	color: #fff;
	background: url(/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: 'Manrope', sans-serif;
    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: 'Manrope', sans-serif;
	font-size: 3rem;
	font-weight: bold;
}

#mission p {
	color: #fff;
	font-family: 'Manrope', sans-serif;
	font-size: 1.7rem;
}

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

.values-top {
	min-height: 26px;
	margin-top: -1px;
	width: 100%;
}

.values-bottom {
	padding: 82px 0 0 0;
	min-height: 25px;
	width: 100%;
}

.quote.home {
	background-color: #fff;
	font-family: 'Manrope', sans-serif;
	text-align: center;
	font-size: 1.7rem;
	padding: 60px 15% 60px 15%;
	margin: 0;
}




/* ------------------------------------------ Quick Links Stuff ------------------------------------------ */
#quicklinks {
	background: url(/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: 'Manrope', sans-serif;
    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(/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(/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(/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: 'Manrope', sans-serif;
	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("/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: 'Manrope', sans-serif;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 0;
}

.accordion-title.h4 {
	color: #636363;
	font-family: 'Roboto Serif', serif;
    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: 'Roboto Serif', serif;
	font-size: 1.1rem;
	font-weight: bold;
	margin: 0;
}

.accordion-title.h6 {
	font-family: 'Manrope', sans-serif;
	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: 'Roboto Serif', serif;
	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: 'Manrope', sans-serif;
	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: 'Manrope', sans-serif;
	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: 'Manrope', sans-serif;
    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: 'Manrope', sans-serif;
	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: 'Manrope', sans-serif;
	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: 'Manrope', sans-serif;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
	font-family: 'Manrope', sans-serif;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
	font-family: 'Manrope', sans-serif;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	font-family: 'Manrope', sans-serif;
}

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: 'Manrope', sans-serif;
	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: 'Manrope', sans-serif;
	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: 'Roboto Serif', serif;
	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 {
    padding: 1.5rem;
    margin: 0 0 1.5rem 0;
}


main.main .ctct-form-button {
	width: 66% !important;
	margin: 0 auto;
}

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: 'Manrope', sans-serif;
	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: 'Manrope', sans-serif;
	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: 'Manrope', sans-serif;
    font-size: 1.4rem;
	font-weight: bold;
    color: #fff;
}





/* ------------------------------------------ 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: 'Manrope', sans-serif;
	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: 'Manrope', sans-serif;
	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: 'Manrope', sans-serif;
	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: 'Manrope', sans-serif;
    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: 'Manrope', sans-serif;
    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: 'Manrope', sans-serif;
	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: 'Manrope', sans-serif;
	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: 'Manrope', sans-serif;
	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 */
main a.wp-block-button__link:hover {
	color: #fff;
}

.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 {
	color:#636363;
	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(/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;
    }

}