/**
 * @author Design & Accessible Team ( Morgan Baggs  )
 * @package Joomla
 * @subpackage Accessible-Template-v3ccc
 * @copyright Copyright (C) 1991 - 2021 Coconino Community College. All rights reserved.
 *
 * @This menu is adapted from Call me Nick hamburger, Push, and slide menus - http://callmenick.com/
 */
#quick-menu {width: 100%;position: static;/*background-color: #004855;*/height: auto;padding: 0 5px;text-align: right;transition: 400ms ease-in-out all;z-index: 5;}
#quick-menu a,#quick-menu p {color: #fff;font-size: 15px;font-weight:normal;transition: 400ms ease-in-out all}
#quick-menu li {list-style: none;display: inline;}
#quick-menu ul {padding: 6px 0;}
#quick-menu ul li a {padding: 8px 12px;font-family: "Poppins"}
#quick-menu .quick-menu {display: flex;align-content: flex-end;justify-content: end;}
#quick-menu .quick-menu:focus, #quick-menu .quick-menu a:hover {text-decoration: none;transition: all 250ms;background-color: #008c99 !important;}
.menuheader {width: 100%;padding: 0;display: flex;justify-content: space-between;flex-flow: row nowrap;max-height: 70px;max-width: 1280px;margin: auto;}
#top-menu {position: fixed;z-index: 99;left: 0;width: 100%;padding: 0;transition: all 250ms;/*background-color: #036575;background: rgba(1, 99, 117, 0.85);*/border-bottom: 0px solid rgba(252, 179, 76, 1);}
#top-menu.scroll {background-color: #212121;top: 0 !important;border-bottom: 3px solid rgba(252, 179, 76, 1);-webkit-transition: ease-in-out all 250ms;-moz-transition: ease-in-out all 250ms;-ms-transition: ease-in-out all 250ms;-o-transition: ease-in-out all s;}
#top-menu > .header-announcement {clear: both;background-color: rgba(158, 0, 57, 0.85);width: 100%;text-align: center;display: block;padding: 5px 0;top: 10px;position: relative;}
#top-menu > .header-announcement p {color: #fff; }
#top-menu > .header-announcement a {color: #fff;text-decoration: underline;}
#top-menu > .header-announcement p {margin: 0 10px;}
#top-menu.scroll {background-color: #212121;}
.grid-child.container-nav {display: flex;width: auto;align-items: center;justify-content: space-around;flex: 1 1 auto;}
#search {display: none; padding: 0; /*width: 50%;  justify-content: flex-end;*/}
#logoheader img {width: 100%; transition: 250ms ease-in-out all; height: auto;}
#logoheader {padding: 0; width: 40vw;}
#calltoaction {width: 0;}
#main-menu-btn {padding: 0; margin-right: 0; width: auto; align-content: center; display: inline-flex; height: auto;}
#main-menu-btn {padding: 10px !important;}
#logoheader {transition: 250ms ease-in-out all;position: relative;display: flex;margin: 0 15px 0 0;max-width: 100%;width: auto !important;border-radius: 0 0 10px 10px;flex-shrink:1;left:0;}
#logoheader:before {position: absolute;border-top: 13px solid rgba(33, 33, 33, 0.6);border-left: 11px solid transparent;transition: all ease-in-out 250ms;top: 70px;right:200px;}
#logoheader:after {position: absolute; border-top: 13px solid rgba(33, 33, 33, 0.6);border-right: 11px solid transparent;transition: all ease-in-out 250ms;right: -11px;top:70px;}
#top-menu.scroll #logoheader:before {position: absolute;border-top: 7px solid rgba(33, 33, 33, 0.6);border-left: 11px solid transparent;transition: all ease-in-out 250ms;top: 73px;right:200px;}
#top-menu.scroll #logoheader:after {position: absolute; border-top: 7px solid rgba(33, 33, 33, 0.6);border-right: 11px solid transparent;transition: all ease-in-out 250ms;right: -11px;top:73px;}
#logoheader img {display: flex;max-width: 250px;transition: 400ms ease-in-out all;height: auto !important;width: 200px !important;padding: 10px;/*background-color: #036575;*/box-shadow: 1px 1px 3px #212121;border-bottom: 3px solid #FCB34C;transition: all ease-in-out 250ms;}
#top-menu.scroll #logoheader img {border-bottom: 0px solid #FCB34C;transition: all ease-in-out 250ms;}
#top-menu.scroll .header-logo-a {display:none !important;transition: 400ms all ease-in-out;}
.header-logo-b {display:none !important;transition: 400ms all ease-in-out;}
#top-menu.scroll .header-logo-b {display:inherit !important;background-color:#fff;transition: 400ms all ease-in-out;}
#calltoaction {width: 5%;flex-shrink:1;}
#search > input {Font-family: Poppins, "Font Awesome 6 Pro";}
#search {display: inline-block;position: relative;width: auto;border: 1px solid transparent;border-radius: 0;overflow: hidden;max-width:220px;}
#search .mod-finder__search.input-group {position: relative;}
#search.container-search label.finder {display: inline;height: 0;left: -3000px;position: absolute;top: -2000px;width: 0;}
#search input.js-finder-search-query {display: inline-block;position: relative;width: auto;border: 1px solid transparent;border-radius: 0;overflow: hidden;}
#search input.js-finder-search-query {outline: 0;width: 100%;background: rgba(255,255,255,0.5);padding: 5px;transition: all 400ms ease-in-out;transition-property: width, border-radius;z-index: 5;position: relative;margin-bottom: 0 !important;Font-Family: Poppins, "Font Awesome 6 Pro", sans-serif;}
#search input, #searchbutton.btn {border: 0;color: #036575;font-size: 15px;height: 34px;}
#searchbutton {display: none;position: absolute;top: 0;right: 0;width: 40px;font-family: "Font Awesome 6 Pro";}
#search input.js-finder-search-query:not(:placeholder-shown)+#searchbutton {display: block;font-family: "Font Awesome 6 Pro";font-size: 21px;color: #fff;background: transparent no-repeat center;transition: all 400ms ease-in-out;padding-bottom: 2px;}
#search input.js-finder-search-query:not(:placeholder-shown) {width: calc(100% - 40px);}
/*
#search {display: flex;width: auto;align-items: center;flex-shrink:1;}
#searchbutton {font-family: "Font Awesome 6 Pro";}
.itp-gs form {position: relative;width: auto;border:1px solid transparent;border-radius: 0;overflow:hidden;}
.itp-gs form:active, .itp-gs form:hover {border: 1px solid #fff;}
#search input.inputbox, #search input.btn {border: 0;color: #036575;font-size: 15px;}
#search input.inputbox:active, #search input.inputbox:hover, #search input.btn:active, #search input.btn:hover {color: #000;}
#search input.inputbox {outline: 0;width: 100%;background: rgba(255,255,255,0.5);padding: 5px;transition: all 400ms ease-in-out;transition-property: width, border-radius;z-index: 5;position: relative;margin-bottom:0 !important;}
#search input.inputbox:active, #search input.inputbox:hover {background:#fff; transition: all 400ms ease-in-out;}
#searchbutton {display: none;position: absolute;top: 0;right: 0;width: 40px;}
#search input.inputbox:not(:placeholder-shown) {width: calc(100% - 40px);}
#search input.inputbox:not(:placeholder-shown)+#searchbutton {display: block;font-family:"Font Awesome 6 Pro";font-size:23px;color:#fff;background: transparent no-repeat center;padding-bottom:5px;}
#searchbox::placeholder {opacity: 1;}
#search input.btn:hover,#search input.btn:active {color: #036575 !important;transition: all 400ms;background-color: #fff !important;}
#mobile-search .itp-gs form {border:0px solid #fff;}
#mobile-search input.inputbox {border: none;color: #3e3e3e;font-size: 15px;height: 30px;padding: 2px 10px;float: left;width: 85%;}
#mobile-search input.btn {background: #292929;display: block;height: 30px;width: 15%;cursor: pointer;padding: 2px 0 4px 0;margin: 0;float: left;font-family: "Font Awesome 6 Pro";color: #fff;font-size: 23px;border: 1px solid #fff;transition: all 400ms;}*/
#top-menu > .header-announcement {position: initial;}
#phone {display: none;padding-top: 14px;text-align: center;font-weight: 200 !important;}
.phonelink {color: #fff; font-size: 1.5em;display: block;text-align: center;background-color: #036575;}
#main-menu-btn {padding: 5px 0;right: 0px;/*position: absolute;float:right;*/}
#page-menu-col input[type=checkbox] {position:absolute;opacity:0;}

/*Mobile Search*/
.dj-mobileitem .mod-finder label {display: none;}
.dj-mobileitem input.js-finder-search-query {color: #3e3e3e;font-size: 15px;height: 40px;padding: 2px 10px;width: 100%;border: 1px solid #000;font-family: "Open Sans", "Font Awesome 6 Pro", sans-serif;}
.dj-mobileitem .mod-finder__search.input-group {position: relative;width: auto;border: 1px solid transparent;border-radius: 0;overflow: hidden;}
.dj-mobileitem .mod-finder__search .awesomplete {width: 100%;display: block;}
.dj-mobileitem #searchbutton {position: absolute; top:0; right:0; border: 1px solid #232323 !important;}

/* Shared class for both main and page menu */
ul.nav.menu,
ul.nav.menu ul {list-style: none;margin: 0;padding: 0;font-family: "Open Sans";font-weight: 200;}
ul.nav.menu li {width:100%;display:block;}
@media all and (min-width: 320px) {.o-wrapper.has-push-left {transform: translateX(300px);}.o-wrapper.has-push-right {transform: translateX(-300px);}}
/* Page menu */
.menu-wrapper {display: flex;flex-flow: column wrap;align-content: start;margin-right: 5px;height: max-content;min-width: 275px;}
aside#page-menu-col {width:100%;float:left;}

nav.sidebar-right ul.mod-menu {background-color: #f5f5f5;border: 1px solid #dbdbdb;list-style: none;margin: 0;padding: 0;font-family: "Open Sans";font-weight: 200;}
nav.sidebar-right.card {margin-top: 8px;margin-left: 0px;width: 100%;float: left;border: solid 0px #d0d0d0;}
nav.sidebar-right.card li a, nav.sidebar-right.card .nav-header{display: block;padding: 12px 10px;font-size: 15px;font-weight: 400;}
nav.sidebar-right.card li.current, nav.sidebar-right.card li.current.active {background-color: #036575 !important;border-left: 4px solid #FCB34C;}
nav.sidebar-right.card li.current a {color: #fff;font-weight: 400;}
nav.sidebar-right.card li {width: 100%;display: block;border-bottom: solid 1px #dbdbdb;}
.sidebar-right .quick-glance {background-color: #fff;border-radius: 0px !important;margin: 8px 0;}
nav.sidebar-right.card .nav-header {background-color: #d5d5d5;font-weight: bold;cursor: pointer;position: relative;color: #000;width:100%;text-align: left;border: 1px solid #d5d5d5; padding: 14px 10px}
nav.sidebar-right .deeper .nav-header:hover, nav.sidebar-right .deeper .nav-header:focus {border-left: solid 4px #FCB34C;transition: all 0.1s;}
nav.sidebar-right .deeper .nav-header::after {content: "\f100";font-family: "Font Awesome 6 Pro";transition: 400ms;right: 5px;position: absolute;}
nav.sidebar-right ul.mod-menu li a:hover, nav.sidebar-right ul.mod-menu li a:focus {
    color: #000000;background-color: #e6e6e6;border-left: 4px solid #FCB34C;transition: all ease-in-out 200ms;}
nav.sidebar-right .deeper .nav-header:hover:after,nav.sidebar-right .deeper .nav-header:focus:after {font-family: "Font Awesome 6 Pro";transition: 400ms;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);position: absolute;}
nav.sidebar-right ul li.level-2 {text-align: right;display: block;}
nav.sidebar-right li.deeper ul {padding-inline-start: 0;margin-left: 0;}

#page-menu-col ul.nav-child li {background-color:#fbfbfb;}
#page-menu-col {border:solid 0px #d0d0d0;margin:10px 0 20px 0;} 
#page-menu-col li {border-bottom: solid 1px #dbdbdb;}
#page-menu-col li:last-child {border:none;}
#page-menu-col li.current {background-color:#036575 !important; border-left:4px solid #FCB34C;}
#page-menu-col li.current a {color: #fff; font-weight: 400;}
#page-menu-col li.active {display: block;}
#page-menu-col li a.active {border-top: 0px solid #9bc9d5;}
#page-menu-col li.parent {border-top: 0px solid #9bc9d5;}
#page-menu-col.active.deeper.parent { border-top: 0px solid #9bc9d5;}
#page-menu-col li a,
#page-menu-col label.nav-header {display:block;padding:10px;font-size:15px;font-weight:400;}
#page-menu-col label.nav-header {background-color: #d5d5d5;font-weight:bold;cursor:pointer;position:relative;color: #000;}
#page-menu-col input:hover + label.nav-header,
#page-menu-col input:focus + label.nav-header {border-left: solid 4px #FCB34C;transition: all 0.1s;}
#page-menu-col label.nav-header::after {content:"\f100";font-family:"Font Awesome 6 Pro";transition: 400ms;right:5px;position:absolute;}
#page-menu-col label.nav-header:hover:after,#page-menu-col label.nav-header:focus:after {font-family:"Font Awesome 6 Pro";transition: 400ms;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);position:absolute;}
#page-menu-col li a {color: #000;}
#page-menu-col li a:hover,
#page-menu-col li a:focus {color:#000;background-color:#e6e6e6;border-left: 4px solid #FCB34C;margin-left: 0;transition: all 400ms;}
#page-menu-col ul.nav.menu {background-color: #f5f5f5;border: 1px solid #dbdbdb;}
#page-menu-col ul.nav-child {text-align:right;display:none;}
#page-menu-col input[type=checkbox]:checked + label + ul,
#page-menu-col input[type=checkbox]:checked + label:nth-of-type(n) + ul {display:block;}
#page-menu-col input[type=checkbox]:checked + label + ul > li.active {display:block;}
.homelink { font-weight:normal;}
.homelink:before {font-family: "Font Awesome 6 Pro";content:"\f015 ";display: inline-block;padding-right: 3px;}
ul#home-menu {  position: fixed;  right: 1px;  z-index: 10;  color: #fff;}


/*Page Menu J4 Collapse*/ 
.metismenu.mod-menu .mm-collapsing {height: 0;overflow: hidden;-webkit-transition-timing-function: ease;-o-transition-timing-function: ease; transition-timing-function: ease;-webkit-transition-duration: 0.35s;-o-transition-duration: 0.35s; transition-duration: 0.35s;-webkit-transition-property: color, background-color, height, visibility;-o-transition-property: color, background-color, height, visibility;transition-property: color, background-color, height, visibility;}
.metismenu.mod-menu .mm-collapse {position: absolute;background-color: hsl(0, 0%, 100%);-webkit-box-shadow: 1px 1px 4px hsla(0, 0%, 0%, 0.1); box-shadow: 1px 1px 4px hsla(0, 0%, 0%, 0.1);}
.metismenu.mod-menu .mm-collapse:not(.mm-show) {display: none;}
/*.metismenu.mod-menu .mm-collapse > li > a {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;}*/
.metismenu.mod-menu .mm-collapse > li > a {display: block; width:100%;}
.metismenu.mod-menu .mm-collapse > li.divider:not(.parent) {width: auto;height: 1px;border-bottom: 1px solid hsl(210, 14%, 83%);}
.metismenu.mod-menu .mm-collapse > li.parent .mm-toggler {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;}
.metismenu.mod-menu .mm-collapse > li.parent > ul {position: relative;top: 0;-ms-flex-preferred-size: calc(100% + 1em);flex-basis: calc(100% + 1em);margin-top: 0.5em;margin-bottom: -0.5em;background-color: hsla(0, 0%, 0%, 0.03);-webkit-box-shadow: none; box-shadow: none;}
.metismenu.mod-menu .mm-toggler {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center; align-items: center;height: 100%;padding: 0;color: currentColor;-webkit-user-select: none; -moz-user-select: none;-ms-user-select: none; user-select: none;background: none;border: none;-webkit-box-shadow: none; box-shadow: none;}
.sidebar-right .metismenu .mm-collapse,.sidebar-left .metismenu .mm-collapse {position: relative;}
.sidebar-right .metismenu li.parent > ul,.sidebar-left .metismenu li.parent > ul {position: relative;top: 0;-webkit-box-shadow: none; box-shadow: none;}
@media (max-width: 1199.98px) {.sidebar-right .metismenu li.parent > ul,.sidebar-left .metismenu li.parent > ul {width: 100%;}
}

/*Menu Icons*/
.external-link::before {content: "\f08e";font-family: "Font Awesome 6 Pro";padding: 0 5px 0 0;}
.pdf-link::before {content: "\f1c1";font-family: "Font Awesome 6 Pro";font-weight:900;padding: 0 5px 0 0;}
.star-link::before {content: "\f005";font-family: "Font Awesome 6 Pro";font-weight:900;padding: 0 5px 0 0;}
.print-link::before {content: "\f02f";font-family: "Font Awesome 6 Pro";font-weight:900;padding: 0 5px 0 0;}
.heart-link::before {content: "\f004";font-family: "Font Awesome 6 Pro";font-weight:900;padding: 0 5px 0 0;}
.check-link::before {content: "\f00c";font-family: "Font Awesome 6 Pro";padding: 0 5px 0 0;}
.info-link::before {content: "\f05a";font-family: "Font Awesome 6 Pro";padding: 0 5px 0 0;}
.question-link::before {content: "\f059";font-family: "Font Awesome 6 Pro";padding: 0 5px 0 0;}
.ccc-link::before {content: "\e000";font-family: "Font Awesome Kit";padding: 0 5px 0 0;}
#quick-menu ul.nav.menu li {width:auto;display:block;}

/*Quick Glance Hours Background*/
#page-menu-col .quick-glance {background-color:#fff;border-radius:0px !important;margin:13px 0;}
/*Menu Topper Style*/
.menu-topper {font-size: 20px !important;  text-align: center;}
#page-menu-col label.nav-header.menu-topper::after {content: none !important;}
.menu-topper:hover, 
.menu-topper:focus {background-color:#3c3c3c;border-right: 4px solid #FCB34C;transition: all 400ms;}
/*Footer Menu*/
.nav.menu.footer-menu {display: flex;flex-direction: column;flex-wrap: wrap; max-height: 325px; justify-content: flex-start;align-content: flex-start;}
.nav.menu.footer-menu ul {padding:5px;}
.nav.menu.footer-menu li {width: auto;padding:0 40px 15px 0;}
.nav.menu.footer-menu li a {color:#fff;}
.nav.footer-menu {display: flex;flex-direction: column;flex-wrap: wrap; max-height: 325px; justify-content: flex-start;align-content: flex-start;}
ul.nav.footer-menu {list-style: none;margin: 0;padding: 0;font-family: "Open Sans";font-weight: 200;}
ul.nav.footer-menu li {width: auto;padding: 0 40px 15px 0;}
ul.nav.footer-menu li a:hover, footer-menu li a:focus {box-shadow: inset 0 -1px 0 #fff;text-decoration: none;}
.nav.footer-menu ul {padding:5px;}
ul.nav.footer-menu li a {color:#fff;}

/*Mobile*/
@media only screen and (min-width: 1199px) {
	#quick-menu {padding: 0 0 0 5px}
	#main-menu-btn {display: none;}
	#showcolumns > #content {min-height:580px;padding-top:30px;} #shownocolumns > #content {padding-top:30px;} aside#page-menu-col {margin-top:2px; margin-left:0px;} .menu-wrapper {margin-top:-8px;max-width:275px;}}
@media only screen and (max-width: 1199px) {.grid-child.container-sidebar-right {max-width:100%;} #quick-menu {display: none;} #c-menu--push-right #quick-menu {display: inherit;} #search {display: flex;width: 100%;align-items: center;flex-shrink: 1;justify-content: flex-end;padding-right:2%;}.nav.menu.footer-menu, .nav.footer-menu {max-height: 100%;flex-wrap:nowrap}}	
@media only screen and (min-width: 1024px) {#page-menu-col {margin:0;}}
@media only screen and (max-width: 1023px) {#main-menu-btn {padding:0; margin-right: 5px;}}
@media only screen and (min-width: 1025px) {header#page-image-header {height: 250px; transition: 400ms all;}}
@media only screen and (max-width: 766px) {header#page-image-header {background: #036575 !important; height: 4em; margin-bottom: 25px;}}
@media only screen and (max-width: 767px) {/*#top-menu {background: rgb(1, 99, 117); background: rgba(0, 99, 117, 0.85);*/}}
@media only screen and (max-width: 400px) {#search {display:none;}}