@charset "UTF-8";

/* ------------------------------------------ Theme Styles ------------------------------------------ */
h1,
h2.alt,
h3,
h5,
a,
a:focus,
a:hover {
	color: #1ab7da;
}

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




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



.top-bar .dept-logo {
	background-image: url(/wp-content/themes/deq/assets/images/branding/Logo-Utah-DEQ-Air-Quality.svg);
	background-size: 264px 92px;
	width: 264px;
}




/* ------------------------------------------ Off Canvas and Show for Small ------------------------------------------ */
#top-bar-menu .show-for-small-only a {
	color: #1ab7da;
}

.show-for-small-only .dept-logo {
	background-size: 215px 75px;
}




/* ------------------------------------------ Pagination Stuff ------------------------------------------ */
.pagination .current {
    background: #1ab7da;
}




/* ------------------------------------------ Button Stuff ------------------------------------------ */
#inner-content a.button.excerpt-read-more:hover {
	background-color: #1ab7da;
}

.alphabet a.button {
	background-color: #1ab7da;
}


/* ------------------------------------------ Sidebar and Offcanvas and Widget Stuff ------------------------------------------ */
#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,
#sidebar1 .secondary-menu-button,
#off-canvas .secondary-menu-button {
	background-color: #1ab7da;
}

/* button.submenu-toggle comes from foundation.min.js */
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,
#sidebar1 .submenu-toggle,
#off-canvas .submenu-toggle {
	color: #1ab7da;
}

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

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

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

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



/* ------------------------------------------ Mission Stuff and Quote Stuff ------------------------------------------ */
.quote.home {
	color: #1ab7da;
}




/* ------------------------------------------ Quick Links Stuff ------------------------------------------ */
#quicklinks .active>a {
	color: #1ab7da;
}




/* ------------------------------------------ Footer Stuff ------------------------------------------ */
.footer {
	background: #94d0df;
}

#footer-top {
	background-image:url(/wp-content/themes/deq/assets/images/footer/Mountain-Footer-AQ.svg);
}


#menu-footermenu li>a {
	color: #1ab7da;
}

.meta-entry #categories a {
	background-color: #1ab7da;
}

.meta-entry #tags a {
	background-color: #94d0df;
}




/* ------------------------------------------ Accordion Stuff ------------------------------------------ */
/* There is also a background setting declared above: .accordion-title */
.accordion-title.h3,
.accordion-title.h5 {
	color: #1ab7da;
}




/* ------------------------------------------ Homepage Stuff ------------------------------------------ */
.is-home #home-search-wrapper #searchform-home .fa-search {
	color: #1ab7da;
}

.is-home #home-search-wrapper {
	background-image: url(/wp-content/themes/deq/assets/images/backgrounds/Home-Overlay-AQ.svg);
}

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




/* ------------------------------------------ Home Links Stuff ------------------------------------------ */
#home-widgets .home-widgets-menu-button {
	background-color: #94d0df;
}



/* ------------------------------------------ Document Icons, Font Icons, Font Awesome Stuff ------------------------------------------ */
.icon-number {
	color: #94d0df;
}




/* ------------------------------------------ Table Stuff ------------------------------------------ */
.wp-block-table table,
.wp-block-table table th,
.wp-block-table table td {
	border: 1px solid #1ab7da;
}

.wp-block-table table tr th {
	background: #1ab7da;
}




/* ------------------------------------------ Form Stuff ------------------------------------------ */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #1ab7da;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
	color: #1ab7da;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
	color: #1ab7da;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #1ab7da;
}




/* ------------------------------------------ Contact Form 7 ------------------------------------------ */
form.wpcf7-form label,
form.wpcf7-form .label-text {
	color: #1ab7da;
}

form.wpcf7-form input[type="submit"].wpcf7-submit {
	background: #1ab7da;
	transition: 0.3s;
}

form.wpcf7-form input[type="submit"].wpcf7-submit:hover {
	background:#1b9fd3;
}

.wpcf7-form .wpcf7-radio input[type=radio]:checked + span:before,
.wpcf7-form .wpcf7-checkbox input[type=checkbox]:checked + span:before {
	border-color: #1ab7da;
}

.wpcf7-form .wpcf7-radio input[type=radio]:checked + span:after {
   background: #1ab7da;
}




/* ------------------------------------------ Custom Stuff ------------------------------------------ */
.fisher-price-phone a {
	background-color:rgba(26,183,218, 1);
}




/* ------------------------------------------ List Variants ------------------------------------------ */
ol.pokemon > li:before {
	background: url(/wp-content/uploads/Bullet-Pokemon-DEQ.svg) left top no-repeat;
	color: #1ab7da;
}



/* ------------------------------------------ Mediaqueries ------------------------------------------ */
@media only screen and (max-width: 1023px) { /* foundation medium */
	#sidebar1-inner-content,
	#sidebar1 .secondary-menu-button {
		background-color: #1ab7da;
	}
	
	/* ------------- Quick Links Mobile Stuff ------------- */
	#quicklinks .current-menu-item>a,
	#quicklinks .active>a:hover,
	#quicklinks li>a:hover {
		background-color: #1ab7da;
	}

    #quicklinks .active>a {
        color: #fff;
    }    
	
	#quicklinks .submenu-toggle,
	a.button.quicklinks-menu-button {
		color: #1ab7da;
	}
	
	#quicklinks ul > li.menu-item a {	
		border-color: #1ab7da;
	}
}

@media only screen and (max-width: 800px) {
	.top-bar .dept-logo {
		background-size: 229px 81px;
		width: 229px;
	}
}

@media only screen and (max-width: 639px) { /* foundation small */	
	.top-bar .dept-logo {
		background-size: 264px 92px;
		width: 264px;
	}
}

@media only screen and (max-width: 530px) {	
	/* ------------- Home Widgets Mobile Stuff ------------- */
	#home-widgets li.button a {
		color: #1ab7da;
	}
	
	#home-widgets li.button:hover a {
		background-color: #1ab7da;
	}
	
	#home-widgets ul > li.menu-item a {	
		border-bottom: 1px solid #1ab7da;
	}
}

@media only screen and (max-width: 480px) {	
	.top-bar .dept-logo {
		background-size: 190px 60px;
		width: 190px;
	}
}




/* ------------------------------------------ .accessibilityview Stuff ------------------------------------------ */
body.accessibilityview .top-bar .dept-logo {
	background-image: url(/wp-content/themes/deq/assets/images/branding/Logo-Utah-DEQ-Air-Quality-Black.svg);
}