@charset "UTF-8";
/* SASS Generated File - IC */
@import url("https://fonts.googleapis.com/css?family=Fira+Sans:300,300i,400,400i,500,500i,600,600i,700,700i,900,900i");
@import url("https://fonts.googleapis.com/css?family=Montserrat:100,900");
/*Fonts*/
/*Colours*/
/* Department Contact */
.department-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 20px 0;
  max-width: 250px;
  margin-bottom: 30px;
}
.department-contact .image {
  height: 250px;
  width: 100%;
  max-width: 250px;
  margin: 0 auto;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.department-contact .contact-container {
  padding: 10px;
  text-align: center;
}
.department-contact .contact-container > *:not(:last-child) {
  margin-bottom: 10px;
}
.department-contact .contact-container .contact-title {
  font-size: 20px;
}
.department-contact .contact-container .contact-title .icon {
  margin-right: 5px;
}
.department-contact .contact-container .phone {
  font-weight: 700;
  font-size: 18px;
}
.department-contact .contact-container .name {
  font-size: 28px;
  font-weight: 700;
}
.department-contact .contact-container .contact-icon {
  font-size: 20px;
  display: inline-block;
  -webkit-transition: ease-in-out 200ms all;
  -o-transition: ease-in-out 200ms all;
  transition: ease-in-out 200ms all;
}
.department-contact .contact-container .contact-icon:hover, .department-contact .contact-container .contact-icon:focus {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  text-decoration: none;
}
.department-contact .contact-link {
  padding: 10px;
  text-align: center;
  font-size: 18px;
  opacity: 1;
  -webkit-transition: ease-in-out 400ms all;
  -o-transition: ease-in-out 400ms all;
  transition: ease-in-out 400ms all;
}
.department-contact .contact-link:hover, .department-contact .contact-link:focus {
  text-decoration: none;
  background-color: #000 !important;
}

.icon-shell .fa, .icon-shell .far, .icon-shell .fas {
  font-family: "Fontawesome" !important;
}

body {
  font-family: "Fira Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-stroke: 0px !important;
  background-color: #fff;
  background-repeat: repeat;
  color: #1F1F1F;
}

.modal {
  z-index: 3000 !important;
}

.container {
  max-width: 1380px;
  margin: 0 auto;
  position: relative;
}

.inside-padding {
  padding: 0.625rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.fr {
  float: right;
}

ul.reset {
  padding: 0;
  margin: 0;
  list-style: none;
}

.cf:after {
  content: "";
  display: table;
  clear: both;
  width: 0;
  height: 0;
}

#skip a {
  position: absolute;
  left: -10000px;
  top: auto;
  overflow: hidden;
}
#skip a a:focus {
  padding: 0.5em 0.5em 0.4em;
  font-size: 14px;
  margin: 0.6em 0;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-weight: 600;
  color: #654106;
  background: #ffe1b1;
  position: fixed;
  z-index: 9000;
  left: 10px;
  top: 10px;
}

a[href="#social-content-end"]:focus span {
  position: relative;
  top: auto;
  left: auto;
}

.adminbarVisible #skip a:focus {
  top: 50px;
}

.portletEditMode header {
  max-height: 320px !important;
}
.portletEditMode header .header-home-content {
  display: none;
}
.portletEditMode #content-wrapper {
  max-width: 1380px;
  margin: 0 auto;
  padding: 0.625rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#RSSLink {
  display: block;
  margin-bottom: 5px;
}

svg {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

div[class^=w-] {
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.ptl_portlet_vertical, div[class*=ptl_col_] {
  overflow: visible;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

div[class*=ptl_col_] {
  padding: 0 10px;
}

.w-50 {
  width: 50%;
}

a {
  text-decoration: none;
  color: #064694;
}
a:hover {
  color: #0B72EF;
}

.cta-wrapper {
  text-align: center;
  margin-top: 1em;
}
.cta-wrapper a {
  display: inline-block;
  padding: 0.3125em 1.25em;
  border: 1px solid #6F7271;
  color: #6F7271;
  text-transform: uppercase;
  font-weight: 700;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Fira Sans", sans-serif;
  font-weight: 700;
}

div[id*=_divContent] h1, div[id*=_divContent] h2, div[id*=_divContent] h3, div[id*=_divContent] h4, div[id*=_divContent] h5, div[id*=_divContent] h6 {
  font-family: "Fira Sans", sans-serif;
  font-weight: 700;
  color: #1F1F1F;
}

.responsiveTemplate {
  overflow: hidden;
}

*:focus {
  outline-color: #D67038;
}

.PO-wrapper *:focus, .CMS_modal *:focus {
  -webkit-box-shadow: 0px 0px 2px 2px #D67038;
  box-shadow: 0px 0px 2px 2px #D67038;
}

@media screen and (max-width: 1024px) {
  .placeholder, .CMS_adminBar {
    display: none;
  }

  #subpage .main-content div[class^=ptl_col_], #subpage .main-content div[class^=w-] {
    width: 100%;
    margin: 0;
    float: none;
  }
  #subpage .main-content .ptl_portlet_vertical img {
    max-width: 100% !important;
  }
}
#skip a:focus {
  position: relative;
  top: 0;
  left: 0;
}

/* Pub Wrapper */
#pubWrapper {
  background-color: #000;
}
#pubWrapper .pubList {
  float: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
#pubWrapper .pubList a {
  font-family: "Fira Sans", sans-serif;
  font-weight: 700;
  font-size: 0.75rem;
  text-transform: uppercase;
}
#pubWrapper .pubList a:hover, #pubWrapper .pubList a:focus {
  background: #FFA400 !important;
  color: #1F1F1F !important;
}
#pubWrapper #pubWrapper-btn {
  background: #000 !important;
  font-family: "Fira Sans", sans-serif;
  font-weight: 700;
  font-size: 0.75rem !important;
  text-transform: uppercase;
}
#pubWrapper #pubWrapper-btn:hover, #pubWrapper #pubWrapper-btn:focus {
  background: #FFA400 !important;
  color: #1F1F1F !important;
}

/* Admin Template */
.adminTemplate header {
  height: 15vw;
  min-height: 160px;
  max-height: 250px;
}
.adminTemplate #menubar table a.ContextBar {
  color: #fff;
  font-weight: 700;
  font-size: 1.125rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.adminTemplate #menubar table a.ContextBar:first-child {
  display: none;
}
.adminTemplate #menubar table span.ContextBar {
  color: #fff;
  font-weight: 700;
  font-size: 1.125rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.adminTemplate #menubar table em {
  color: #D67038;
  font-size: 1.25em;
  padding: 0 0.5em;
}
.adminTemplate #content-wrapper {
  background: #fff;
}

/* Menubar */
#menubar {
  position: relative;
  background: rgba(0, 0, 0, 0.75);
}
#menubar > .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#menubar > .container.inside-padding {
  padding: 0.25rem 0.625rem;
}
#menubar > .container a.logo {
  max-width: 160px;
  display: block;
}
#menubar > .container a.logo img {
  max-width: 100%;
  display: block;
}
#menubar > .container .header-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
#menubar > .container .header-right .search-wrapper {
  margin-left: 2rem;
}
#menubar > .container .header-right .search-wrapper a {
  font-size: 1.75rem;
  color: #fff;
  text-decoration: none;
}
#menubar > .container .header-right .search-wrapper a:hover, #menubar > .container .header-right .search-wrapper a:focus {
  color: #FFA400;
}
#menubar a#mobile-bar {
  display: none;
  color: #fff;
  padding: 0 0.5em;
  text-decoration: none;
}
#menubar a#mobile-bar i {
  font-size: 2em;
  vertical-align: middle;
}
#menubar a#mobile-bar:hover, #menubar a#mobile-bar:focus {
  color: #FFA400;
}
#menubar .megamenu nav ul.nav-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
#menubar .megamenu nav ul.nav-menu li.nav-item > a {
  line-height: 3.75rem;
  font-size: 1.125rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 0 0.625em;
  text-decoration: none;
}
#menubar .megamenu nav ul.nav-menu li.nav-item > a:hover, #menubar .megamenu nav ul.nav-menu li.nav-item > a:focus, #menubar .megamenu nav ul.nav-menu li.nav-item > a.open {
  background: none;
  color: #FFA400;
}
#menubar .megamenu nav ul.nav-menu li.nav-item .sub-nav {
  max-width: 1000px;
  width: 100vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.95);
  -webkit-box-shadow: 0 0 1rem rgba(31, 31, 31, 0.3);
  box-shadow: 0 0 1rem rgba(31, 31, 31, 0.3);
  padding: 1rem;
  right: 0;
  left: auto;
  top: 65px;
}
#menubar .megamenu nav ul.nav-menu li.nav-item .sub-nav ul {
  margin: 0;
}
#menubar .megamenu nav ul.nav-menu li.nav-item .sub-nav > .nav-lists > .sub-nav-group {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  max-height: 550px;
}
#menubar .megamenu nav ul.nav-menu li.nav-item .sub-nav > .nav-lists > .sub-nav-group > li {
  display: inline-block;
  width: 100%;
}
#menubar .megamenu nav ul.nav-menu li.nav-item .sub-nav > .nav-lists > .sub-nav-group > li > div > a {
  font-family: "Fira Sans", sans-serif;
  display: block;
  color: #1F1F1F;
  border-bottom: 2px solid #D67038;
  padding: 0.3125rem 0.5rem;
  font-size: 0.875em;
  font-weight: 500;
  margin: 0.5rem 0;
}
#menubar .megamenu nav ul.nav-menu li.nav-item .sub-nav > .nav-lists > .sub-nav-group > li > div > a:hover, #menubar .megamenu nav ul.nav-menu li.nav-item .sub-nav > .nav-lists > .sub-nav-group > li > div > a:focus {
  border-bottom: 2px solid #D67038;
  background: #1F1F1F;
  color: #fff;
}
#menubar .megamenu nav ul.nav-menu li.nav-item .sub-nav > .nav-lists > .sub-nav-group .nav-lists.level2 > .sub-nav-group > li {
  margin: 0;
  width: 100%;
}
#menubar .megamenu nav ul.nav-menu li.nav-item .sub-nav > .nav-lists > .sub-nav-group .nav-lists.level2 > .sub-nav-group > li a {
  font-family: "Fira Sans", sans-serif;
  display: block;
  color: #3f3f3f;
  padding: 0.3125rem 0.5rem;
  font-size: 0.75em;
  font-weight: 400;
  margin: 0;
  border-bottom: 1px solid transparent;
}
#menubar .megamenu nav ul.nav-menu li.nav-item .sub-nav > .nav-lists > .sub-nav-group .nav-lists.level2 > .sub-nav-group > li a:hover, #menubar .megamenu nav ul.nav-menu li.nav-item .sub-nav > .nav-lists > .sub-nav-group .nav-lists.level2 > .sub-nav-group > li a:focus {
  border-bottom: 1px solid #D67038;
  background: #1F1F1F;
  color: #fff;
}
#menubar .translate {
  position: relative;
  border-left: 1px solid #D0D2D3;
  border-right: 1px solid #D0D2D3;
}
#menubar .translate a {
  line-height: 3.75rem;
  color: #6F7271;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 0 2em;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-bottom: 1px solid transparent;
}
#menubar .translate a i {
  margin-left: 1rem;
  font-size: 1.5em;
  opacity: 0.75;
}
#menubar .translate a:hover, #menubar .translate a:focus {
  color: #D67038;
  background: #DC8556;
  border-bottom: 1px solid #D67038;
}
#menubar .translate ul {
  display: none;
  position: absolute;
  background: #fff;
  width: 100%;
  -webkit-box-shadow: 0 0.25em 0.5em rgba(111, 114, 113, 0.2);
  box-shadow: 0 0.25em 0.5em rgba(111, 114, 113, 0.2);
}
#menubar .translate ul li a {
  font-size: 0.875rem;
  line-height: normal;
  padding: 0.3125rem 1rem;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
#menubar .translate ul li a:hover, #menubar .translate ul li a:focus {
  border-bottom: 1px solid #D67038;
  background: #DC8556;
}

@media screen and (max-width: 1024px) {
  #menubar > .container.inside-padding {
    padding: 0.5rem 0.625rem;
  }
}
@media screen and (max-width: 1024px) {
  #menubar > .container .header-right .search-wrapper {
    margin-left: 1rem;
  }
  #menubar > .container .header-right .search-wrapper a {
    padding: 0 0.5rem;
  }
}
@media screen and (max-width: 1024px) {
  #menubar a#mobile-bar {
    display: block;
  }
}
@media screen and (max-width: 1024px) {
  #menubar .megamenu {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  #menubar .translate a {
    line-height: 2.5rem;
  }
}
/* Notification Banner */
.alertWrapper {
  background: #FFF100;
}
.alertWrapper .alertInner {
  color: #1F1F1F;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  z-index: 1;
  font-size: 1em;
  font-weight: 700;
  max-width: 1400px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.alertWrapper .alertInner i {
  margin-right: 2rem;
}
.alertWrapper .alertInner.inside-padding {
  z-index: 0;
}
.alertWrapper .alertInner a {
  color: #1F1F1F;
  padding: 0.25rem 0.625rem;
  font-weight: 300;
  font-size: 0.875rem;
  border: 2px solid #1F1F1F;
  margin-left: 2rem;
  text-align: center;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.alertWrapper .alertInner a:hover, .alertWrapper .alertInner a:focus {
  background: #1F1F1F;
  color: #fff;
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  .alertWrapper .alertInner {
    font-size: 0.875rem;
  }
}
/* Header */
.subpage header:before {
  display: none;
}

header {
  background-image: url("//glendale.hosted.civiclive.com/UserFiles/Servers/Server_15209001/Templates/img/park_web.jpg");
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  position: relative;
  height: 40vw;
  min-height: 320px;
  max-height: 600px;
  z-index: 3000;
}
header:before {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 75%;
  background: rgba(0, 0, 0, 0);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.8)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.88) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#000000", endColorstr="#000000", GradientType=0 );
}
header .searchbox {
  margin-bottom: 6rem;
}
header .searchbox .divSearchBox {
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
  max-width: 90vw;
  width: 900px;
  margin: 0 auto;
  -webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);
}
header .searchbox .divSearchBox input#ctl00_SearchTerm {
  border: 0;
  padding: 1.5rem 2rem;
  margin: 0;
  font-size: 1.25em;
  height: 2rem;
  width: -webkit-calc(100% - 4rem);
  width: calc(100% - 4rem);
  font-family: "Fira Sans", sans-serif;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.8);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
header .searchbox .divSearchBox input#ctl00_SearchTerm:focus {
  outline-color: #D67038;
  background: white;
}
header .searchbox .divSearchBox span.search-placeholder {
  position: absolute;
  left: 2rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 1.375em;
  font-weight: 600;
  font-style: italic;
  text-transform: uppercase;
  opacity: 0.3;
  pointer-events: none;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
header .searchbox .divSearchBox.focussed span.search-placeholder {
  -webkit-transform: translateY(125%);
  -ms-transform: translateY(125%);
  transform: translateY(125%);
  opacity: 0;
}
header .searchbox .divSearchBox a#ctl00_btnSearch {
  background: rgba(31, 31, 31, 0.8);
  color: white;
  padding: 0.5em;
  width: 4rem;
  font-size: 1.375em;
  text-decoration: none;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
header .searchbox .divSearchBox a#ctl00_btnSearch:hover {
  color: #FFA400;
}
header .searchbox .divSearchBox a#ctl00_btnSearch:focus {
  color: #FFA400;
  outline-color: #dab19a;
}
header .searchbox .divSearchBox a#ctl00_btnSearch img {
  display: none;
}

@media screen and (max-width: 1380px) {
  header .searchbox {
    margin-bottom: 5vw;
  }
}
.subpage header {
  min-height: 200px;
  height: 30vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.subpage header > .inside-padding {
  padding: 4.7rem 0.625rem;
}
.subpage header a.logo .name {
  color: #fff;
  text-shadow: 0.0875rem 0.0875rem 0 rgba(31, 31, 31, 0.6);
}
.subpage header a.logo .tagline {
  color: #fff;
}
.subpage header .searchbox {
  margin-bottom: 10%;
  -webkit-transform: translateY(80%) scale(0.8);
  -ms-transform: translateY(80%) scale(0.8);
  transform: translateY(80%) scale(0.8);
  opacity: 0;
  -webkit-transition: all 0.5s cubic-bezier(0.87, -0.41, 0.19, 1.44);
  -o-transition: all 0.5s cubic-bezier(0.87, -0.41, 0.19, 1.44);
  transition: all 0.5s cubic-bezier(0.87, -0.41, 0.19, 1.44);
}
.subpage header .searchbox.visible, .subpage header .searchbox:focus {
  opacity: 1;
  -webkit-transform: translateY(0) scale(1);
  -ms-transform: translateY(0) scale(1);
  transform: translateY(0) scale(1);
}

/* Footer */
footer {
  background: #000;
  color: #fff;
}
footer > .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
footer > .container.inside-padding {
  padding: 3.5rem 0.625rem;
}
footer > .container a.logo {
  width: 10%;
  display: block;
}
footer > .container a.logo img {
  max-width: 100%;
  display: block;
}
footer > .container .footer-right {
  width: 80%;
  padding-left: 4rem;
}
footer > .container .footer-right .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  border-bottom: 2px solid #fff;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}
footer > .container .footer-right .top ul {
  /*-webkit-column-count: 3;*/
  /*column-count: 3;*/
}
footer > .container .footer-right .top ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  /*padding-left: 1rem;*/
  position: relative;
  font-size: 1.125rem;
  /*&:before {
    content: '\f111';
    font-family: "FontAwesome";
    padding-right: 5px; 
    font-size: 10px; 
    }*/
}
footer > .container .footer-right .top ul li a {
  color: #fff;
}
footer > .container .footer-right .top .login-link a, footer > .container .footer-right .top .intranet-link a {
  font-family: "Fira Sans", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  text-decoration: none;
  display: block;
  width: 130px;
  text-align: left;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
}
footer > .container .footer-right .top .login-link a:hover, footer > .container .footer-right .top .login-link a:focus {
  text-decoration: underline;
  color: #fff;
}
footer > .container .footer-right .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
footer > .container .footer-right .bottom .contact-info {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.125;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 50%;
}
footer > .container .footer-right .bottom .contact-info .address {
  padding-right: 1rem;
}
footer > .container .footer-right .bottom ul.social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  width: 50%;
}
footer > .container .footer-right .bottom ul.social li a {
  font-size: 2.5rem;
  color: #fff;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  padding: 0 1rem;
}
footer > .container .footer-right .bottom ul.social li a:hover, footer > .container .footer-right .bottom ul.social li a:focus {
  color: #D67038;
  text-decoration: none;
}
footer .credits {
  padding: 1.5rem 0;
}
footer .credits ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
footer .credits ul li {
  font-size: 0.75rem;
  padding: 0 0.5rem;
  line-height: 1;
  text-align: center;
}
footer .credits ul li:not(:last-child) {
  border-right: 1px solid #fff;
}
footer .credits ul li a {
  color: #fff;
  text-decoration: underline;
  display: block;
}
footer .credits ul li a:hover, footer .credits ul li a:focus {
  text-decoration: none;
}

@media screen and (max-width: 1024px) {
  footer > .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  footer > .container.inside-padding {
    padding: 2rem 0.625rem;
  }
}
@media screen and (max-width: 1024px) {
  footer > .container a.logo {
    width: 100%;
    max-width: 5rem;
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 1024px) {
  footer > .container .footer-right {
    width: 100%;
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  footer > .container .footer-right .top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  footer > .container .footer-right .top ul {
    /*-webkit-column-count: 2;*/
    /*column-count: 2;*/
    padding: 0.5rem 1.5rem;
  }
  footer > .container .footer-right .top .login-link {
    margin-top: 1.5rem;
  }
  footer > .container .footer-right .top .login-link a {
    font-size: 0.875rem;
    width: auto;
  }
}
@media screen and (max-width: 480px) {
  footer > .container .footer-right .top ul {
    /*-webkit-column-count: 1;*/
    /*column-count: 1;*/
    text-align: center;
  }
  footer > .container .footer-right .top ul li {
    width: auto;
  }
}
@media screen and (max-width: 960px) {
  footer > .container .footer-right .bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  footer > .container .footer-right .bottom .contact-info {
    max-width: 500px;
    width: 100%;
    margin-bottom: 1rem;
  }
  footer > .container .footer-right .bottom ul.social {
    max-width: 500px;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}
@media screen and (max-width: 960px) {
  footer > .container .footer-right .bottom .contact-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding-left: 2.5rem;
  }
}
#page {
  position: relative;
}

/* Homepage */
.homepage header {
  height: 40vw;
  max-height: 825px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.homepage header #menubar > .container {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.homepage header #menubar > .container a.logo {
  display: none;
}
.homepage header .header-home-content {
  position: relative;
  top: -40px;
}
.homepage header .city-name {
  text-align: center;
  opacity: 0.75;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /*&:first-child {
    font-size: 11.5rem;
    font-weight: 900;
    line-height: 105%;
    }*/
  /*&:last-child {
    font-weight: 100;
    font-size: 4.5rem;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    }*/
}
.homepage header .city-name img {
  max-width: 55%;
}
.homepage header ul.social {
  position: absolute;
  top: 50px;
  right: 0;
  -webkit-transform: translateY(-4rem);
  -ms-transform: translateY(-4rem);
  transform: translateY(-4rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.homepage header ul.social li:not(:last-child) {
  margin-bottom: 0.125rem;
}
.homepage header ul.social li a {
  font-size: 2rem;
  color: #fff;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  width: 3.5rem;
  height: 3.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.7);
  padding-right: 1rem;
  position: relative;
  -webkit-transform: translateX(1rem);
  -ms-transform: translateX(1rem);
  transform: translateX(1rem);
}
.homepage header ul.social li a:hover, .homepage header ul.social li a:focus {
  color: #FFA400;
  text-decoration: none;
  -webkit-transform: translateX(0.5rem);
  -ms-transform: translateX(0.5rem);
  transform: translateX(0.5rem);
}

@media screen and (max-width: 1200px) {
  .homepage header .city-name {
    /*&:first-child {
      font-size: 12.5vw;
    }
    &:last-child {
      font-size: 4.5vw;
      }*/
  }
  .homepage header .city-name img {
    max-width: 70%;
  }
}
@media screen and (max-width: 1024px) {
  .homepage header ul.social {
    top: auto;
    bottom: -2.5rem;
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .homepage header ul.social li:not(:last-child) {
    margin-bottom: 0;
  }
  .homepage header ul.social li a {
    font-size: 1.75rem;
    width: 3rem;
    height: 3rem;
    padding-right: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    background: transparent;
    opacity: 0.75;
  }
  .homepage header ul.social li a:hover, .homepage header ul.social li a:focus {
    -webkit-transform: translateY(-0.25rem);
    -ms-transform: translateY(-0.25rem);
    transform: translateY(-0.25rem);
    opacity: 1;
  }
}
@media screen and (max-width: 1024px) {
  .homepage header {
    padding-bottom: 4.5rem;
  }
}
.sec-heading {
  text-align: center;
  overflow: hidden;
  margin: 1.5rem 0;
}
.sec-heading span {
  position: relative;
  display: inline-block;
  font-size: 2.25rem;
  font-weight: 300;
}
.sec-heading span.big {
  font-size: 3rem;
}
.sec-heading span.white {
  color: #fff;
}
.sec-heading span.white:before, .sec-heading span.white:after {
  background: #fff;
}
.sec-heading span em {
  font-style: normal;
  font-weight: 700;
}
.sec-heading span:before, .sec-heading span:after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 2px;
  background: #1F1F1F;
  width: 85%;
}
.sec-heading span:before {
  left: -webkit-calc(-85% - 2rem);
  left: calc(-85% - 2rem);
}
.sec-heading span:after {
  right: -webkit-calc(-85% - 2rem);
  right: calc(-85% - 2rem);
}

@media screen and (max-width: 1380px) {
  .sec-heading span {
    font-size: 3vw;
  }
  .sec-heading span.big {
    font-size: 4vw;
  }
}
@media screen and (max-width: 768px) {
  .sec-heading span {
    font-size: 4vw;
  }
  .sec-heading span.big {
    font-size: 5.5vw;
  }
}
section#quicklinks {
  background: #D0D2D3;
}
section#quicklinks .quicklinks-wrapper {
  text-align: center;
  margin: 4rem 0;
}
section#quicklinks .quicklinks-wrapper .quicklinks-inside {
  position: relative;
  max-width: -webkit-calc(100% - 100px);
  max-width: calc(100% - 100px);
  margin: 0 auto;
}
section#quicklinks .quicklinks-wrapper .quicklinks-inside > a {
  position: absolute;
  z-index: 1;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #1F1F1F;
  opacity: 0.5;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font-size: 1rem;
  width: 2.5rem;
  height: 2.5rem;
  text-align: center;
  line-height: 2.5rem;
  text-decoration: none;
  -webkit-background-size: contain;
  background-size: contain;
  background-position: center;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
section#quicklinks .quicklinks-wrapper .quicklinks-inside > a:first-of-type {
  left: -3rem;
  background-image: url("//glendale.hosted.civiclive.com/UserFiles/Servers/Server_15209001/Templates/img/arrow-left.svg");
}
section#quicklinks .quicklinks-wrapper .quicklinks-inside > a:last-of-type {
  right: -3rem;
  background-image: url("//glendale.hosted.civiclive.com/UserFiles/Servers/Server_15209001/Templates/img/arrow-right.svg");
}
section#quicklinks .quicklinks-wrapper .quicklinks-inside > a:hover, section#quicklinks .quicklinks-wrapper .quicklinks-inside > a:focus {
  opacity: 1;
}
section#quicklinks .quicklinks-wrapper .quicklinks-inside .quicklinks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
section#quicklinks .quicklinks-wrapper .quicklinks-inside .quicklinks .ql {
  padding: 1.5rem 1rem 0;
  width: 20%;
  min-width: 9.75rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
section#quicklinks .quicklinks-wrapper .quicklinks-inside .quicklinks .ql a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
section#quicklinks .quicklinks-wrapper .quicklinks-inside .quicklinks .ql a .icon {
  background: #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 5.75rem;
  height: 5.75rem;
  margin-bottom: 2.5rem;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
section#quicklinks .quicklinks-wrapper .quicklinks-inside .quicklinks .ql a .icon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0.3125rem solid #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  z-index: -1;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
section#quicklinks .quicklinks-wrapper .quicklinks-inside .quicklinks .ql a .icon i {
  font-size: 2.25rem;
  color: #1F1F1F;
}
section#quicklinks .quicklinks-wrapper .quicklinks-inside .quicklinks .ql a span {
  font-size: 1.125em;
  color: #1F1F1F;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  text-align: center;
}
section#quicklinks .quicklinks-wrapper .quicklinks-inside .quicklinks .ql a:hover, section#quicklinks .quicklinks-wrapper .quicklinks-inside .quicklinks .ql a:focus {
  text-decoration: none;
}
section#quicklinks .quicklinks-wrapper .quicklinks-inside .quicklinks .ql a:hover .icon, section#quicklinks .quicklinks-wrapper .quicklinks-inside .quicklinks .ql a:focus .icon {
  background: #FFA400;
  -webkit-box-shadow: 0.25rem 0.125rem 3rem rgba(31, 31, 31, 0.3);
  box-shadow: 0.25rem 0.125rem 3rem rgba(31, 31, 31, 0.3);
}
section#quicklinks .quicklinks-wrapper .quicklinks-inside .quicklinks .ql a:hover .icon:before, section#quicklinks .quicklinks-wrapper .quicklinks-inside .quicklinks .ql a:focus .icon:before {
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
  border-color: #FFA400;
}
section#quicklinks .quicklinks-wrapper .quicklinks-inside .quicklinks .ql a:hover span, section#quicklinks .quicklinks-wrapper .quicklinks-inside .quicklinks .ql a:focus span {
  line-height: 142.5%;
  font-weight: 900;
}
section#news-social {
  background: #000;
  position: relative;
  z-index: 1;
}
section#news-social:before {
  content: "";
  background-image: url("//glendale.hosted.civiclive.com/UserFiles/Servers/Server_15209001/Templates/img/stands_web.jpg");
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
}
section#news-social > .container .news {
  padding-top: 1.675rem;
}
section#news-social > .container:last-child {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
section#news-social > .container:last-child > *:nth-child(1) {
  -ms-grid-column: 1;
}
section#news-social > .container:last-child > *:nth-child(2) {
  -ms-grid-column: 2;
}

@media screen and (max-width: 768px) {
  section#quicklinks .quicklinks-wrapper,
#subpage .quicklinks-wrapper {
    margin: 1.25rem 0 0;
  }
}
@media screen and (max-width: 768px) {
  section#quicklinks .quicklinks-wrapper .quicklinks-inside,
#subpage .quicklinks-wrapper .quicklinks-inside {
    max-width: none;
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 568px) {
  section#quicklinks .quicklinks-wrapper .quicklinks-inside,
#subpage .quicklinks-wrapper .quicklinks-inside {
    padding-bottom: 1.25rem;
  }
}
@media screen and (max-width: 768px) {
  section#quicklinks .quicklinks-wrapper .quicklinks-inside > a,
#subpage .quicklinks-wrapper .quicklinks-inside > a {
    top: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    bottom: 0;
  }
  section#quicklinks .quicklinks-wrapper .quicklinks-inside > a:first-of-type,
#subpage .quicklinks-wrapper .quicklinks-inside > a:first-of-type {
    left: 50%;
    -webkit-transform: translateX(-webkit-calc(-50% - 2rem));
    -ms-transform: translateX(calc(-50% - 2rem));
    transform: translateX(calc(-50% - 2rem));
  }
  section#quicklinks .quicklinks-wrapper .quicklinks-inside > a:last-of-type,
#subpage .quicklinks-wrapper .quicklinks-inside > a:last-of-type {
    left: 50%;
    -webkit-transform: translateX(-webkit-calc(-50% + 2rem));
    -ms-transform: translateX(calc(-50% + 2rem));
    transform: translateX(calc(-50% + 2rem));
  }
}
@media screen and (max-width: 568px) {
  section#quicklinks .quicklinks-wrapper .quicklinks-inside > a,
#subpage .quicklinks-wrapper .quicklinks-inside > a {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  section#quicklinks .quicklinks-wrapper .quicklinks-inside .quicklinks .ql a .icon,
#subpage .quicklinks-wrapper .quicklinks-inside .quicklinks .ql a .icon {
    width: 4rem;
    height: 4rem;
    margin-bottom: 1rem;
  }
  section#quicklinks .quicklinks-wrapper .quicklinks-inside .quicklinks .ql a .icon i,
#subpage .quicklinks-wrapper .quicklinks-inside .quicklinks .ql a .icon i {
    font-size: 1.5rem;
    color: #1F1F1F;
  }
  section#quicklinks .quicklinks-wrapper .quicklinks-inside .quicklinks .ql a span,
#subpage .quicklinks-wrapper .quicklinks-inside .quicklinks .ql a span {
    font-size: 1em;
  }
}
@media screen and (max-width: 768px) {
  section#quicklinks .quicklinks-wrapper .quicklinks-inside .quicklinks .ql,
#subpage .quicklinks-wrapper .quicklinks-inside .quicklinks .ql {
    padding-top: 1rem;
  }
}
@media screen and (max-width: 768px) {
  section#news-social > .container:last-child {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}
/* Social Tabs */
#subpage ul.social-tabs {
  margin-top: 1.25rem;
}
#subpage ul.social-tabs a {
  color: #1F1F1F;
}
#subpage ul.social-tabs a:hover, #subpage ul.social-tabs a:focus, #subpage ul.social-tabs a.active {
  border-bottom-color: #1F1F1F;
}

ul.social-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  margin-bottom: 1.25rem;
}
ul.social-tabs li {
  max-width: 22.5%;
}
ul.social-tabs a {
  color: #fff;
  font-size: 2.5rem;
  padding: 0.5rem 2rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 0.5rem solid transparent;
  text-decoration: none;
}
ul.social-tabs a:hover, ul.social-tabs a:focus, ul.social-tabs a.active {
  border-bottom-color: #fff;
}

@media screen and (max-width: 768px) {
  ul.social-tabs a {
    font-size: 2rem;
    padding: 0.5rem 1rem;
  }
}
.social-content {
  border: 0.75rem solid #333;
  background: #fff;
  padding: 0.625rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.social-content .tab-content {
  text-align: center;
}
.social-content .tab-content:not(.active) {
  display: none;
}
.social-content .tab-content > * {
  display: inline-block;
}
.social-content .tab-content > *[src^="https://www.facebook.com/plugins/page.php?"] {
  max-width: 500px;
}

/* News Slider */
.news-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 1.5rem;
}
.news-controls .news-dots ul.slick-dots {
  position: relative;
  bottom: 0;
}
.news-controls .news-dots ul.slick-dots li {
  width: 2rem;
  height: 2rem;
  margin: 0;
}
.news-controls .news-dots ul.slick-dots li:not(:last-child) {
  margin-right: 0.5rem;
}
.news-controls .news-dots ul.slick-dots li button {
  background: #fff;
  line-height: 1;
  font-size: 1rem;
  font-weight: 700;
  color: #1F1F1F;
  width: 2rem;
  height: 2rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.news-controls .news-dots ul.slick-dots li button:before {
  display: none;
}
.news-controls .news-dots ul.slick-dots li button:focus {
  background: #FFA400 !important;
}
.news-controls .news-dots ul.slick-dots li:not(.slick-active) button {
  background: #D0D2D3;
  color: #222;
}
.news-controls .news-dots ul.slick-dots li:not(.slick-active) button:hover, .news-controls .news-dots ul.slick-dots li:not(.slick-active) button:focus {
  background: #FFA400;
}

a.view-all {
  background: #fff;
  color: #1F1F1F;
  display: inline-block;
  padding: 0.625rem 1.5rem;
  font-weight: 500;
  text-transform: uppercase;
}
a.view-all:hover, a.view-all:focus {
  text-decoration: none;
  background: #FFA400;
}

@media screen and (max-width: 568px) {
  a.view-all {
    font-size: 0.75rem;
  }
}
.news-summary-wrapper .news-summary .story .image {
  height: 385px;
  max-height: 35vw;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.news-summary-wrapper .news-summary .story .content {
  background: #fff;
  padding: 2em;
  text-align: center;
}
.news-summary-wrapper .news-summary .story .content p {
  margin: 0;
  font-size: 1.125em;
}
.news-summary-wrapper .news-summary .story .content a {
  display: inline-block;
  text-transform: uppercase;
  color: #fff;
  background: #6F7271;
  padding: 0.625rem 2.5rem;
  margin-top: 2rem;
}
.news-summary-wrapper .news-summary .story .content a:hover, .news-summary-wrapper .news-summary .story .content a:focus {
  text-decoration: none;
  background: #FFA400;
  color: #1F1F1F;
}

@media screen and (max-width: 768px) {
  .news-summary-wrapper .news-summary .story .image {
    max-height: 50vw;
  }
}
section#events {
  background: #D0D2D3;
}
section#events > .inside-padding {
  padding: 4rem 0.625rem 6rem;
}

@media screen and (max-width: 768px) {
  section#events > .inside-padding {
    padding: 0.5rem 0.625rem 1.5rem;
  }
}
/* Events Categories */
.events-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 2.5rem;
}
.events-heading .events-cats {
  width: -webkit-calc(100% - 220px);
  width: calc(100% - 220px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.events-heading .events-cats a {
  display: inline-block;
  font-size: 1.125rem;
  padding: 0.5rem;
  text-transform: uppercase;
  color: #1F1F1F;
  text-decoration: none;
  border-bottom: 0.5rem solid transparent;
}
.events-heading .events-cats a.active, .events-heading .events-cats a:hover, .events-heading .events-cats a:focus {
  font-weight: 900;
  line-height: 140%;
  border-bottom-color: #1F1F1F;
}

@media screen and (max-width: 768px) {
  .events-heading {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .events-heading .events-cats {
    margin-bottom: 1rem;
    width: 100%;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.events-list {
  background: #fff;
  padding: 1.75rem 3.25rem;
  overflow: hidden;
}
.events-list .inside-wrapper .inside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}
.events-list a.event {
  display: inline-block;
  color: #1F1F1F;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 20%;
  padding: 1.5em 1em 0.25em;
  margin: 1em 0;
  box-sizing: border-box;
  text-decoration: none;
  -webkit-transition: background 0.2s ease-out, -webkit-box-shadow 0.2s ease-out;
  transition: background 0.2s ease-out, -webkit-box-shadow 0.2s ease-out;
  -o-transition: background 0.2s ease-out, box-shadow 0.2s ease-out;
  transition: background 0.2s ease-out, box-shadow 0.2s ease-out;
  transition: background 0.2s ease-out, box-shadow 0.2s ease-out, -webkit-box-shadow 0.2s ease-out;
}
.events-list a.event .event-date {
  display: inline-block;
  border-bottom: 2px solid #1F1F1F;
  font-weight: 700;
  font-size: 3.75em;
  padding-bottom: 0.75rem;
}
.events-list a.event .event-date span {
  display: block;
  font-weight: 300;
  font-size: 75%;
}
.events-list a.event .event-info .event-name {
  font-weight: 700;
  margin-top: 1.5em;
}
.events-list a.event .event-info .time {
  margin-top: 1em;
  font-weight: 500;
}
.events-list a.event .more-info {
  background: #6F7271;
  color: #fff;
  padding: 0.5em 1em;
  position: relative;
  -webkit-transform: translateY(0em);
  -ms-transform: translateY(0em);
  transform: translateY(0em);
  text-transform: uppercase;
  display: inline-block;
  font-size: 0.875em;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.events-list a.event:hover, .events-list a.event:focus {
  background: #FFA400;
  -webkit-box-shadow: 0.25em 0.25em 1em rgba(0, 0, 0, 0.35);
  box-shadow: 0.25em 0.25em 1em rgba(0, 0, 0, 0.35);
}
.events-list a.event:hover .more-info, .events-list a.event:focus .more-info {
  -webkit-transform: translateY(1em);
  -ms-transform: translateY(1em);
  transform: translateY(1em);
  opacity: 1;
}

@media screen and (max-width: 1380px) {
  .events-list {
    padding: 1.5rem 2rem;
  }
}
@media screen and (max-width: 1024px) {
  .events-list {
    padding: 0.5rem 1.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .events-list a.event {
    font-size: 85%;
  }
}
@media screen and (max-width: 768px) {
  .events-list a.event {
    padding: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: -webkit-calc(50% - 1rem);
    width: calc(50% - 1rem);
    position: relative;
    border-bottom: 2px solid #1F1F1F;
    margin-top: 0;
  }
  .events-list a.event:nth-child(odd) {
    margin-right: 1rem;
  }
  .events-list a.event .event-date {
    border-bottom: none;
    font-size: 250%;
    padding-bottom: 0;
  }
  .events-list a.event .event-info {
    text-align: left;
    margin-left: 1.5em;
    font-size: 1.25em;
  }
  .events-list a.event .event-info .event-name {
    margin-top: 0;
  }
  .events-list a.event .more-info {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .events-list a.event:hover .more-info, .events-list a.event:focus .more-info {
    -webkit-transform: translateX(-50%) translateY(1.5em);
    -ms-transform: translateX(-50%) translateY(1.5em);
    transform: translateX(-50%) translateY(1.5em);
    opacity: 1;
  }
}
@media screen and (max-width: 640px) {
  .events-list a.event {
    width: 100%;
  }
  .events-list a.event:nth-child(odd) {
    margin-right: 0;
  }
}
section#infographics {
  background-image: url("//glendale.hosted.civiclive.com/UserFiles/Servers/Server_15209001/Templates/img/airport_web.jpg");
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
section#infographics > .inside-padding {
  padding: 6.75rem 0.625rem;
}

@media screen and (max-width: 768px) {
  section#infographics > .inside-padding {
    padding: 3rem 0.625rem;
  }
}
.infographic {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1.75fr 2rem 1fr 2rem 1fr 2rem 1.75fr;
  grid-template-columns: 1.75fr 1fr 1fr 1.75fr;
  -ms-grid-rows: auto 2rem auto;
  grid-template-areas: "bigTile1 smallTile1 smallTile2 bigTile2" "bigTile1 medTile medTile bigTile2";
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}
.infographic .tile {
  background: rgba(208, 210, 211, 0.8);
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.infographic .tile:nth-child(1), .infographic .tile:nth-child(5) {
  padding: 10%;
}
.infographic .tile:nth-child(1) .icon, .infographic .tile:nth-child(5) .icon {
  font-size: 7rem;
}
.infographic .tile:nth-child(1) h3, .infographic .tile:nth-child(5) h3 {
  font-size: 3rem;
  font-weight: 700;
  margin: 0;
}
.infographic .tile:nth-child(1) h3 > span, .infographic .tile:nth-child(5) h3 > span {
  display: block;
  font-size: 1.375rem;
  font-weight: 400;
}
.infographic .tile:nth-child(2), .infographic .tile:nth-child(3) {
  padding: 10%;
}
.infographic .tile:nth-child(2) .icon, .infographic .tile:nth-child(3) .icon {
  font-size: 3.25rem;
}
.infographic .tile:nth-child(2) h3, .infographic .tile:nth-child(3) h3 {
  font-size: 1.625rem;
  font-weight: 700;
  margin: 0;
}
.infographic .tile:nth-child(2) h3 > span, .infographic .tile:nth-child(3) h3 > span {
  display: block;
  font-size: 1rem;
  font-weight: 400;
}
.infographic .tile:nth-child(4) {
  padding: 10%;
}
.infographic .tile:nth-child(4) .inside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: left;
}
.infographic .tile:nth-child(4) .icon {
  font-size: 5rem;
  margin-right: 2rem;
}
.infographic .tile:nth-child(4) h3 {
  font-size: 2.375rem;
  font-weight: 700;
  margin: 0;
}
.infographic .tile:nth-child(4) h3 > span {
  display: block;
  font-size: 1.5rem;
  font-weight: 400;
}
.infographic .tile:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  grid-area: bigTile1;
}
.infographic .tile:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: smallTile1;
}
.infographic .tile:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: smallTile2;
}
.infographic .tile:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-area: medTile;
}
.infographic .tile:nth-child(5) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 4;
  grid-area: bigTile2;
}
.infographic .tile:hover, .infographic .tile:focus {
  background: #FFA400;
  -webkit-box-shadow: 0.25rem 0.25rem 1rem rgba(0, 0, 0, 0.35);
  box-shadow: 0.25rem 0.25rem 1rem rgba(0, 0, 0, 0.35);
}

@media screen and (max-width: 1024px) {
  .infographic {
    -ms-grid-columns: 2fr 1fr 1fr;
    grid-template-columns: 2fr 1fr 1fr;
    -ms-grid-rows: 1fr 1fr 0.5fr;
    grid-template-rows: 1fr 1fr 0.5fr;
    grid-template-areas: "bigTile1 smallTile1 smallTile2" "bigTile1 medTile medTile" "bigTile2 bigTile2 bigTile2";
  }
}
@media screen and (max-width: 768px) {
  .infographic {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    grid-template-areas: "bigTile1 bigTile1" "smallTile1 smallTile2" "medTile medTile" "bigTile2 bigTile2";
  }
}
@media screen and (max-width: 480px) {
  .infographic {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-row-gap: 1rem;
    -ms-grid-rows: auto 1rem auto 1rem auto 1rem auto 1rem auto;
    grid-template-areas: "bigTile1" "smallTile1" "smallTile2" "medTile" "bigTile2";
  }
}
@media screen and (max-width: 1024px) {
  .infographic .tile:nth-child(5) .inside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: left;
  }
  .infographic .tile:nth-child(5) .icon {
    font-size: 7rem;
    margin-right: 2rem;
  }
  .infographic .tile:nth-child(5) h3 {
    font-size: 2.375rem;
    font-weight: 700;
    margin: 0;
  }
  .infographic .tile:nth-child(5) h3 > span {
    display: block;
    font-size: 1.5rem;
    font-weight: 400;
  }
  .infographic .tile:nth-child(1), .infographic .tile:nth-child(2), .infographic .tile:nth-child(3), .infographic .tile:nth-child(4), .infographic .tile:nth-child(5) {
    padding: 2.5vw;
  }
}
@media screen and (max-width: 768px) {
  .infographic .tile:nth-child(1) .inside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: left;
  }
  .infographic .tile:nth-child(1) .icon {
    font-size: 7rem;
    margin-right: 2rem;
  }
  .infographic .tile:nth-child(1) h3 {
    font-size: 2.375rem;
    font-weight: 700;
    margin: 0;
  }
  .infographic .tile:nth-child(1) h3 > span {
    display: block;
    font-size: 1.5rem;
    font-weight: 400;
  }
}
@media screen and (max-width: 480px) {
  .infographic .tile:nth-child(n) {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .infographic .tile:nth-child(n) .inside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: left;
  }
  .infographic .tile:nth-child(n) .icon {
    font-size: 3rem;
    margin-right: 1.5rem;
  }
  .infographic .tile:nth-child(n) h3 {
    font-size: 1.75rem;
    font-weight: 700;
    margin: 0;
  }
  .infographic .tile:nth-child(n) h3 > span {
    display: block;
    font-size: 1.125rem;
    font-weight: 400;
  }
}
@media screen and (max-width: 1024px) {
  .infographic .tile:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .infographic .tile:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .infographic .tile:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .infographic .tile:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .infographic .tile:nth-child(5) {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
}
@media screen and (max-width: 768px) {
  .infographic .tile:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .infographic .tile:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .infographic .tile:nth-child(3) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .infographic .tile:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .infographic .tile:nth-child(5) {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
}
@media screen and (max-width: 480px) {
  .infographic .tile:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .infographic .tile:nth-child(2) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .infographic .tile:nth-child(3) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .infographic .tile:nth-child(4) {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .infographic .tile:nth-child(5) {
    -ms-grid-row: 9;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
}
#homepage .ptl_page {
  overflow: visible;
}

/* Subpage Layout */
#subpage.fullwidth #page .main-content {
  width: 100%;
}
#subpage #page > .container {
  background: #fff;
  min-height: 30vh;
}
#subpage #page > .container > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 2rem;
}
#subpage #page > .container > div.inside-padding {
  padding: 0 0.625em;
}
#subpage #page .breadcrumbs nav {
  font-size: 0.875em;
  color: #1F1F1F;
}
#subpage #page .breadcrumbs nav > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#subpage #page .breadcrumbs nav span.separator {
  padding: 0 0.625rem;
  font-size: 1.125rem;
  font-weight: 400;
  color: #D67038;
  line-height: 1em;
}
#subpage #page .breadcrumbs nav a {
  text-decoration: none;
  color: #1F1F1F;
  font-size: 1.125rem;
}
#subpage #page .breadcrumbs nav a:hover, #subpage #page .breadcrumbs nav a:focus {
  text-decoration: underline;
}
#subpage #page .breadcrumbs nav span {
  font-size: 1.125rem;
  font-weight: 700;
  color: #1F1F1F;
}
#subpage #page .sidebar {
  width: 30%;
}
#subpage #page .sidebar .ptl_col_1 {
  overflow: visible;
}
#subpage #page .sidebar #inside-nav {
  padding: 0.625rem;
  margin: 0;
  position: relative;
}
#subpage #page .sidebar #inside-nav .current-head .nav-toggle {
  background: #D67038;
  padding: 0.5em 1em;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
}
#subpage #page .sidebar #inside-nav .current-head .nav-toggle a {
  color: #fff;
  text-transform: uppercase;
  font-size: 1.125em;
  font-weight: 600;
}
#subpage #page .sidebar #inside-nav .sidenav-slide div[class*=sitenav] {
  padding: 0;
}
#subpage #page .sidebar #inside-nav .sidenav-slide div[class*=sitenav].currentparent {
  padding-left: 0rem;
}
#subpage #page .sidebar #inside-nav .sidenav-slide div[class*=sitenav] a {
  display: block;
  padding: 0.5rem 0;
  text-decoration: none;
  color: #1F1F1F;
  position: relative;
}
#subpage #page .sidebar #inside-nav .sidenav-slide div[class*=sitenav] a:before {
  content: "";
  position: absolute;
  font-family: "Font Awesome 5 Free";
  color: #FFA400;
  display: inline-block;
  font-size: 1rem;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-1rem);
  -ms-transform: translateY(-50%) translateX(-1rem);
  transform: translateY(-50%) translateX(-1rem);
  opacity: 0;
  font-weight: 900;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#subpage #page .sidebar #inside-nav .sidenav-slide div[class*=sitenav] a:hover, #subpage #page .sidebar #inside-nav .sidenav-slide div[class*=sitenav] a:focus {
  color: #1F1F1F;
}
#subpage #page .sidebar #inside-nav .sidenav-slide div[class*=sitenav] a:hover:before, #subpage #page .sidebar #inside-nav .sidenav-slide div[class*=sitenav] a:focus:before {
  -webkit-transform: translateY(-50%) translateX(0);
  -ms-transform: translateY(-50%) translateX(0);
  transform: translateY(-50%) translateX(0);
  opacity: 1;
}
#subpage #page .sidebar #inside-nav .sidenav-slide div[class*=sitenav].sitenavl1 a, #subpage #page .sidebar #inside-nav .sidenav-slide div[class*=sitenav].sitenavl2 a, #subpage #page .sidebar #inside-nav .sidenav-slide div[class*=sitenav].sitenavl3 a, #subpage #page .sidebar #inside-nav .sidenav-slide div[class*=sitenav].no-parent.sitenavl0 a {
  padding: 0.5rem 0 0.5rem 1.5rem;
}
#subpage #page .sidebar #inside-nav .sidenav-slide div[class*=sitenav].currentparent a {
  color: #1F1F1F;
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1rem;
  padding: 0;
}
#subpage #page .sidebar #inside-nav .sidenav-slide div[class*=sitenav].currentparent a:hover, #subpage #page .sidebar #inside-nav .sidenav-slide div[class*=sitenav].currentparent a:focus {
  color: #1F1F1F;
}
#subpage #page .sidebar #inside-nav .sidenav-slide div[class*=sitenav].currentparent a:hover:before, #subpage #page .sidebar #inside-nav .sidenav-slide div[class*=sitenav].currentparent a:focus:before {
  opacity: 0;
}
#subpage #page .sidebar #inside-nav .sidenav-slide div[class*=sitenav].currentpage a {
  font-weight: 700;
}
#subpage #page .sidebar #inside-nav .sidenav-slide div[class*=sitenav].currentpage a:before {
  -webkit-transform: translateY(-50%) translateX(0);
  -ms-transform: translateY(-50%) translateX(0);
  transform: translateY(-50%) translateX(0);
  opacity: 1;
}
#subpage #page .main-content {
  width: 70%;
}
#subpage #page .main-content .pageTitle.inside-padding {
  padding: 0 0.625rem;
}
#subpage #page .main-content .pageTitle h1 {
  margin-bottom: 0;
  margin-top: 1rem;
  color: #1F1F1F;
  padding-bottom: 0.25rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  border-bottom: 1px solid #1F1F1F;
}
#subpage #page .main-content main .ptl_portlet_vertical a {
  font-weight: 500;
}
#subpage #page.dept > .container > div {
  display: block;
}
#subpage #page.dept .main-content {
  padding-right: 0;
}
#subpage #page.dept .main-content > .inside-padding {
  padding: 0.625rem 2.5rem;
}
#subpage #page.dept .main-content main .dept-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 2fr 1fr;
  grid-template-columns: 2fr 1fr;
}
#subpage #page.dept .main-content main .dept-grid > *:nth-child(1) {
  -ms-grid-column: 1;
}
#subpage #page.dept .main-content main .dept-grid > *:nth-child(2) {
  -ms-grid-column: 2;
}
#subpage #page.dept .main-content main .dept-grid > .inside-padding {
  padding: 0.625rem 2.5rem;
}
#subpage #page.dept .main-content main .dept-grid > .inside-padding:nth-child(3) {
  -ms-grid-column-span: 2;
  grid-column: span 2;
  padding: 0.625rem 2.5rem;
}
#subpage #page.dept .main-content main .dept-grid > .inside-padding div[id*=_divContent] {
  line-height: 2;
}
#subpage .dept-div {
  margin: 4rem 0;
  border-top: 1px solid #1F1F1F;
}
#subpage h2.dept-heading {
  font-size: 2rem;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 1.25em;
}
#subpage .news-video {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2rem 1fr;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 2rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
#subpage .news-video > *:nth-child(1) {
  -ms-grid-column: 1;
}
#subpage .news-video > *:nth-child(2) {
  -ms-grid-column: 3;
}
#subpage .news-video p {
  font-size: 1.125rem;
}
#subpage .news-controls, #subpage .events-heading {
  margin-bottom: 2.5rem;
}
#subpage .news-controls h2, #subpage .events-heading h2 {
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
}
#subpage .news-controls a.view-all, #subpage .events-heading a.view-all {
  background: #D0D2D3;
}
#subpage .news-controls a.view-all:hover, #subpage .news-controls a.view-all:focus {
  background: #FFA400;
}
#subpage .events-heading a.view-all:hover, #subpage .events-heading a.view-all:focus {
  background: #FFA400;
}
#subpage .news-summary-wrapper.dept-news .news-summary .story .image {
  height: 280px;
}
#subpage .news-summary-wrapper.dept-news .news-summary .story .content {
  text-align: left;
  padding: 1.5rem 1.5rem 0 0;
}
#subpage .quicklinks-wrapper .quicklinks-inside {
  position: relative;
}
#subpage .quicklinks-wrapper .quicklinks-inside .quicklinks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
#subpage .quicklinks-wrapper .quicklinks-inside .quicklinks .ql {
  padding: 1.5rem 1rem 0;
  width: 20%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#subpage .quicklinks-wrapper .quicklinks-inside .quicklinks .ql a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#subpage .quicklinks-wrapper .quicklinks-inside .quicklinks .ql a .icon {
  background: #D0D2D3;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 5.75rem;
  height: 5.75rem;
  margin-bottom: 2.5rem;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#subpage .quicklinks-wrapper .quicklinks-inside .quicklinks .ql a .icon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0.3125rem solid #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  z-index: -1;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#subpage .quicklinks-wrapper .quicklinks-inside .quicklinks .ql a .icon i {
  font-size: 2.25rem;
  color: #1F1F1F;
}
#subpage .quicklinks-wrapper .quicklinks-inside .quicklinks .ql a span {
  font-size: 1.125em;
  color: #1F1F1F;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  text-align: center;
}
#subpage .quicklinks-wrapper .quicklinks-inside .quicklinks .ql a:hover, #subpage .quicklinks-wrapper .quicklinks-inside .quicklinks .ql a:focus {
  text-decoration: none;
}
#subpage .quicklinks-wrapper .quicklinks-inside .quicklinks .ql a:hover .icon, #subpage .quicklinks-wrapper .quicklinks-inside .quicklinks .ql a:focus .icon {
  background: #FFA400;
  -webkit-box-shadow: 0.25rem 0.125rem 3rem rgba(31, 31, 31, 0.3);
  box-shadow: 0.25rem 0.125rem 3rem rgba(31, 31, 31, 0.3);
}
#subpage .quicklinks-wrapper .quicklinks-inside .quicklinks .ql a:hover .icon:before, #subpage .quicklinks-wrapper .quicklinks-inside .quicklinks .ql a:focus .icon:before {
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
  border-color: #FFA400;
}
#subpage .quicklinks-wrapper .quicklinks-inside .quicklinks .ql a:hover span, #subpage .quicklinks-wrapper .quicklinks-inside .quicklinks .ql a:focus span {
  line-height: 142.5%;
  font-weight: 900;
}
#subpage .events-list {
  background: #fff;
  padding: 0;
}
#subpage .events-list a.event {
  width: 25%;
}
#subpage .events-list a.event .event-info .event-name {
  font-weight: 700;
  margin-top: 1.5em;
}
#subpage .events-list a.event .event-info .time {
  margin-top: 1em;
  font-weight: 500;
}
#subpage .events-list a.event .more-info {
  background: #6F7271;
  color: #fff;
  padding: 0.5em 1em;
  position: relative;
  -webkit-transform: translateY(0em);
  -ms-transform: translateY(0em);
  transform: translateY(0em);
  text-transform: uppercase;
  display: inline-block;
  font-size: 0.875em;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#subpage .events-list a.event:hover, #subpage .events-list a.event:focus {
  background: #FFA400;
  -webkit-box-shadow: 0.25em 0.25em 1em rgba(0, 0, 0, 0.35);
  box-shadow: 0.25em 0.25em 1em rgba(0, 0, 0, 0.35);
}
#subpage .events-list a.event:hover .more-info, #subpage .events-list a.event:focus .more-info {
  -webkit-transform: translateY(1em);
  -ms-transform: translateY(1em);
  transform: translateY(1em);
  opacity: 1;
}
#subpage .staff-bios.v1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  overflow: auto;
}
#subpage .staff-bios.v1 .bio {
  width: 15%;
  height: 17.5rem;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  text-decoration: none;
  -webkit-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
#subpage .staff-bios.v1 .bio .photo {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#subpage .staff-bios.v1 .bio .content {
  opacity: 0;
  position: relative;
  z-index: 2;
  padding: 1rem 1.5rem;
  -webkit-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#subpage .staff-bios.v1 .bio .content h3 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  text-shadow: 0 0 0.25rem rgba(31, 31, 31, 0.5);
}
#subpage .staff-bios.v1 .bio .content h4 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  text-shadow: 0 0 0.25rem rgba(31, 31, 31, 0.5);
}
#subpage .staff-bios.v1 .bio .content .false-link {
  display: inline-block;
  background: #FFA400;
  color: #1F1F1F;
  padding: 0.5rem 1rem;
  margin: 0.5rem 0 0;
  text-transform: uppercase;
  font-size: 0.875rem;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#subpage .staff-bios.v1 .bio .content .false-link i {
  margin-left: 0.5rem;
  position: relative;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#subpage .staff-bios.v1 .bio .content .false-link:hover, #subpage .staff-bios.v1 .bio .content .false-link:focus, #subpage .staff-bios.v1 .bio .content .false-link.active {
  background: #1F1F1F;
  color: #fff;
}
#subpage .staff-bios.v1 .bio .content .full-bio {
  display: none;
}
#subpage .staff-bios.v1 .bio:last-child {
  width: 40%;
}
#subpage .staff-bios.v1 .bio:last-child .content {
  opacity: 1;
}
#subpage .staff-bios.v1 .bio:last-child:before {
  opacity: 0.5;
}
#subpage .staff-bios.v1 .bio:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #1F1F1F;
  opacity: 0;
  z-index: 0;
}
#subpage .staff-bios.v1 .bio:hover, #subpage .staff-bios.v1 .bio:focus {
  width: 40%;
}
#subpage .staff-bios.v1 .bio:hover .content, #subpage .staff-bios.v1 .bio:focus .content {
  opacity: 1;
  -webkit-transition: all 0.3s ease-out 0.4s;
  -o-transition: all 0.3s ease-out 0.4s;
  transition: all 0.3s ease-out 0.4s;
}
#subpage .staff-bios.v1 .bio:hover:before, #subpage .staff-bios.v1 .bio:focus:before {
  opacity: 0.5;
}
#subpage .staff-bios.v1 .bio:hover ~ .bio, #subpage .staff-bios.v1 .bio:focus ~ .bio {
  width: 15%;
}
#subpage .staff-bios.v1 .bio:hover ~ .bio .content, #subpage .staff-bios.v1 .bio:focus ~ .bio .content {
  opacity: 0;
  -webkit-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#subpage .staff-bios.v1 .bio:hover ~ .bio:before, #subpage .staff-bios.v1 .bio:focus ~ .bio:before {
  opacity: 0;
}
#subpage .staff-bios.v2 .bio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  color: #1F1F1F;
  text-decoration: none;
}
#subpage .staff-bios.v2 .bio:not(:last-child) {
  margin-bottom: 1rem;
}
#subpage .staff-bios.v2 .bio .photo {
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 11.25rem;
  width: 11.25rem;
  margin-right: 1.5rem;
}
#subpage .staff-bios.v2 .bio .content {
  margin-top: 3rem;
  width: -webkit-calc(100% - 12.75rem);
  width: calc(100% - 12.75rem);
}
#subpage .staff-bios.v2 .bio .content .info h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
}
#subpage .staff-bios.v2 .bio .content .info h4 {
  margin-top: 0;
  margin-bottom: 0;
}
#subpage .staff-bios.v2 .bio .content .info .false-link {
  display: inline-block;
  background: #FFA400;
  color: #1F1F1F;
  padding: 0.5rem 1rem;
  margin: 0.5rem 0 1rem;
  text-transform: uppercase;
  font-size: 0.875rem;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#subpage .staff-bios.v2 .bio .content .info .false-link i {
  margin-left: 0.5rem;
  position: relative;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#subpage .staff-bios.v2 .bio .content .info .false-link:hover, #subpage .staff-bios.v2 .bio .content .info .false-link:focus, #subpage .staff-bios.v2 .bio .content .info .false-link.active {
  background: #1F1F1F;
  color: #fff;
}
#subpage .staff-bios.v2 .bio .content .info .false-link:hover i, #subpage .staff-bios.v2 .bio .content .info .false-link:focus i, #subpage .staff-bios.v2 .bio .content .info .false-link.active i {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
#subpage .staff-bios.v2 .bio .content .full-bio {
  display: none;
}

@media screen and (max-width: 1024px) {
  #subpage #page > .container > div {
    padding-top: 0;
  }
}
@supports not ((display: -ms-grid) or (display: grid)) {
  #subpage #page .breadcrumbs {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-area: breadcrumbs;
  }
}
@media screen and (max-width: 1024px) {
  #subpage #page .breadcrumbs {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  #subpage #page .sidebar {
    padding: 0;
  }
}
@media screen and (max-width: 900px) {
  #subpage #page .sidebar {
    width: 100%;
  }
  #subpage #page .sidebar #inside-nav .current-head {
    display: block;
  }
  #subpage #page .sidebar #inside-nav .sidenav-slide {
    display: none;
  }
  #subpage #page .main-content {
    width: 100%;
  }
}
/*@media screen and (max-width: 1024px) {
  #subpage #page .sidebar #inside-nav .sidenav-slide {
    border: none;
    display: none;
    background: #fff;
  }
  }*/
@media screen and (min-width: 1025px) {
  #subpage #page .sidebar #inside-nav .sidenav-slide {
    display: block !important;
  }
}
/*@media screen and (max-width: 1024px) {
  #subpage #page .sidebar #inside-nav .sidenav-slide div[class*="sitenav"].currentparent {
    display: none;
  }
  }
  */
/*@media screen and (max-width: 1024px) {
  #subpage #page .sidebar #inside-nav {
    display: none;
  }
  }
  */
@media screen and (max-width: 1024px) {
  #subpage #page .main-content .pageTitle h1 {
    font-size: 1.625rem;
  }
}
@media screen and (max-width: 1024px) {
  #subpage #page .main-content {
    padding: 0;
  }
}
@media screen and (max-width: 1024px) {
  #subpage #page.dept .main-content main .dept-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  #subpage #page.dept .main-content main .dept-grid > .inside-padding:nth-child(3) {
    grid-column: unset;
  }
}
@media screen and (max-width: 1024px) {
  #subpage h2.dept-heading {
    font-size: 1.625rem;
  }
}
@media screen and (max-width: 640px) {
  #subpage .news-video {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  #subpage .news-video > *:last-child {
    margin-top: 2rem;
  }
}
@media screen and (max-width: 1024px) {
  #subpage .news-controls h2, #subpage .events-heading h2 {
    font-size: 1.625rem;
  }
}
@media screen and (max-width: 768px) {
  #subpage .quicklinks-wrapper .quicklinks-inside .quicklinks .ql a .icon {
    width: 4rem;
    height: 4rem;
    margin-bottom: 1rem;
  }
  #subpage .quicklinks-wrapper .quicklinks-inside .quicklinks .ql a .icon i {
    font-size: 1.5rem;
    color: #1F1F1F;
  }
  #subpage .quicklinks-wrapper .quicklinks-inside .quicklinks .ql a span {
    font-size: 1em;
  }
}
@media screen and (max-width: 768px) {
  #subpage .quicklinks-wrapper .quicklinks-inside .quicklinks .ql {
    padding-top: 1rem;
  }
}
@media screen and (max-width: 1024px) {
  #subpage .events-list a.event {
    font-size: 85%;
  }
}
@media screen and (max-width: 768px) {
  #subpage .events-list a.event {
    padding: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: -webkit-calc(50% - 1rem);
    width: calc(50% - 1rem);
    position: relative;
    border-bottom: 2px solid #1F1F1F;
    margin-top: 0;
  }
  #subpage .events-list a.event:nth-child(odd) {
    margin-right: 1rem;
  }
  #subpage .events-list a.event .event-date {
    border-bottom: none;
    font-size: 250%;
    padding-bottom: 0;
  }
  #subpage .events-list a.event .event-info {
    text-align: left;
    margin-left: 1.5em;
    font-size: 1.25em;
  }
  #subpage .events-list a.event .event-info .event-name {
    margin-top: 0;
  }
  #subpage .events-list a.event .more-info {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  #subpage .events-list a.event:hover .more-info, #subpage .events-list a.event:focus .more-info {
    -webkit-transform: translateX(-50%) translateY(1.5em);
    -ms-transform: translateX(-50%) translateY(1.5em);
    transform: translateX(-50%) translateY(1.5em);
    opacity: 1;
  }
}
@media screen and (max-width: 640px) {
  #subpage .events-list a.event {
    width: 100%;
  }
  #subpage .events-list a.event:nth-child(odd) {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  #subpage .staff-bios.v2 .bio .photo {
    width: 20%;
    height: auto;
    padding-top: 20%;
  }
  #subpage .staff-bios.v2 .bio .content {
    margin-top: 0rem;
    width: -webkit-calc(80% - 1.5rem);
    width: calc(80% - 1.5rem);
  }
  #subpage .staff-bios.v2 .bio .content h3 {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 480px) {
  #subpage .staff-bios.v2 .bio .photo {
    width: 25%;
    height: auto;
    padding-top: 25%;
  }
  #subpage .staff-bios.v2 .bio .content {
    width: -webkit-calc(80% - 1.5rem);
    width: calc(80% - 1.5rem);
  }
}
._Telerik_IE9 header {
  position: relative;
  display: block;
}
._Telerik_IE9 header .searchbox .divSearchBox input#ctl00_SearchTerm {
  height: 2.25rem;
  line-height: 2.25rem;
  padding: 0 2rem;
}
._Telerik_IE9 header .header-home-content {
  position: absolute;
  width: 100%;
  bottom: 0;
}
@media screen and (max-width: 1000px) {
  ._Telerik_IE9 header .header-home-content {
    bottom: 80px;
  }
}
._Telerik_IE9 #subpage #page > .container > div {
  grid-template-areas: "breadcrumbs breadcrumbs breadcrumbs" "sidebar . main-content";
}
._Telerik_IE9 #subpage #page > .container > div .breadcrumbs {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: breadcrumbs;
}
._Telerik_IE9 #subpage #page > .container > div .sidebar {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: sidebar;
}
._Telerik_IE9 #subpage #page > .container > div .main-content {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: main-content;
}
._Telerik_IE9 #subpage .portlet.quicklinks {
  max-width: -webkit-calc(100vw - 300px - 6rem - 1.25rem);
  max-width: calc(100vw - 300px - 6rem - 1.25rem);
}
._Telerik_IE9 #subpage .staff-bios.v2 .bio .content {
  width: -webkit-calc(100vw - 300px - 7rem - 1.25rem - 12.75rem);
  width: calc(100vw - 300px - 7rem - 1.25rem - 12.75rem);
}
._Telerik_IE9 .infographic :nth-child(1).tile, ._Telerik_IE9 .infographic :nth-child(5).tile {
  padding: 4em 10%;
}

@media screen and (max-width: 1024px) {
  ._Telerik_IE9 #subpage .staff-bios.v2 .bio .content {
    width: -webkit-calc(100% - 12.75rem);
    width: calc(100% - 12.75rem);
  }
}
/* Subpage and Dept Page Portlets */
.quicklinks-dept-wrapper .quicklinks-dept {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}
.quicklinks-dept-wrapper .quicklinks-dept a {
  display: inline-block;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #1F1F1F;
  background: #F2F2F2;
  padding: 1rem 2rem 1rem 1.25rem;
  font-weight: 400 !important;
  margin-bottom: 0.625rem;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.quicklinks-dept-wrapper .quicklinks-dept a span {
  display: inline-block;
  width: -webkit-calc(100% - 0.5rem);
  width: calc(100% - 0.5rem);
}
.quicklinks-dept-wrapper .quicklinks-dept a i {
  color: #D67038;
  font-size: 1.25rem;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.quicklinks-dept-wrapper .quicklinks-dept a:hover, .quicklinks-dept-wrapper .quicklinks-dept a:focus {
  color: #D67038;
  border-bottom: 1px solid #D67038;
  background: #DC8556;
}
.quicklinks-dept-wrapper .quicklinks-dept a:hover i, .quicklinks-dept-wrapper .quicklinks-dept a:focus i {
  color: #D67038;
  -webkit-transform: translateX(0.5em);
  -ms-transform: translateX(0.5em);
  transform: translateX(0.5em);
  -webkit-transition: color 0.2s ease-out, -webkit-transform 0.2s ease-out 0.3s;
  transition: color 0.2s ease-out, -webkit-transform 0.2s ease-out 0.3s;
  -o-transition: color 0.2s ease-out, transform 0.2s ease-out 0.3s;
  transition: color 0.2s ease-out, transform 0.2s ease-out 0.3s;
  transition: color 0.2s ease-out, transform 0.2s ease-out 0.3s, -webkit-transform 0.2s ease-out 0.3s;
}

@media screen and (max-width: 640px) {
  .quicklinks-dept-wrapper .quicklinks-dept {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}
.contact.portlet {
  padding: 1em 2em;
  -webkit-border-radius: 1.25em;
  border-radius: 1.25em;
  -webkit-box-shadow: 0.2em 0.2em 1.5em rgba(111, 114, 113, 0.1);
  box-shadow: 0.2em 0.2em 1.5em rgba(111, 114, 113, 0.1);
  color: #666;
}
.contact.portlet h2 {
  font-size: 1.375rem;
  color: #D67038;
  margin-top: 0;
  text-align: center;
}
.contact.portlet .image {
  width: 10rem;
  height: 10rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0.2em 0.2em 0.5em rgba(111, 114, 113, 0.2);
  box-shadow: 0.2em 0.2em 0.5em rgba(111, 114, 113, 0.2);
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 auto 1.5rem auto;
}
.contact.portlet .name-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 2rem;
}
.contact.portlet .name-social.no-social {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.contact.portlet .name-social h3 {
  font-size: 1.375rem;
  color: #D67038;
  margin: 0;
  text-align: center;
}
.contact.portlet .name-social span {
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
}
.contact.portlet .name-social span:before {
  content: "";
  display: none;
  width: 1em;
  height: 1px;
  background: #1F1F1F;
  vertical-align: middle;
  margin-right: 0.5em;
}
.contact.portlet .name-social a {
  color: #666;
  padding: 0.25em;
  text-decoration: none;
}
.contact.portlet .name-social a:hover, .contact.portlet .name-social a:focus {
  color: #D67038;
}
.contact.portlet .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 1.5em 0;
  line-height: 1.5;
  font-size: 0.875rem;
}
.contact.portlet .info i {
  color: #D67038;
  margin-right: 1em;
  padding-top: 0.25rem;
}
.contact.portlet .info div > span {
  display: block;
}
.contact.portlet .info div > span span {
  font-weight: 500;
}
.contact.portlet .info a {
  color: #666;
  text-decoration: underline;
}
.contact.portlet .info a:hover, .contact.portlet .info a:focus {
  text-decoration: none;
}

@media screen and (max-width: 1024px) {
  .contact.portlet {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 3rem 2fr;
    grid-template-columns: 1fr 2fr;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    grid-column-gap: 3rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .contact.portlet {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.news-summary-dept-wrapper {
  background: #F9F9F9;
  padding: 2rem 1.25rem;
}
.news-summary-dept-wrapper h2 {
  font-size: 1.625rem;
  color: #1F1F1F;
  margin: 0;
}
.news-summary-dept-wrapper > a {
  display: inline-block;
  padding: 0.5rem 2rem;
  text-align: center;
  color: #1F1F1F;
  border: 1px solid #DC8556;
  font-weight: 400 !important;
  margin-top: 1.5rem;
}
.news-summary-dept-wrapper .news-summary-dept a {
  display: block;
  padding: 1.25rem 0;
  border-bottom: 1px solid #D0D2D3;
}
.news-summary-dept-wrapper .news-summary-dept a .date {
  color: #6F7271;
  font-style: italic;
  font-weight: 600;
  font-size: 0.8rem;
  letter-spacing: 0.05em;
}
.news-summary-dept-wrapper .news-summary-dept a .date i {
  color: #D67038;
  margin-right: 0.5rem;
}
.news-summary-dept-wrapper .news-summary-dept a h3 {
  font-weight: 400;
  color: #333;
  font-size: 1rem;
  margin-bottom: 0;
  margin-top: 0.5em;
}
.news-summary-dept-wrapper .news-summary-dept a h3 i {
  color: #D67038;
  margin-left: 0.5rem;
}

/* End */
/* New Revision - IM-22054 */
/* Staff Portlet Version 2 fix*/
#subpage .staff-bios.v1 .bio:hover, #subpage .staff-bios.v1 .bio:focus, #subpage .staff-bios.v1 .bio:last-child {
  width: 100%;
}

/* Add Camera to social items */
.homepage header ul.social li:last-child {
  display: none;
}

footer > .container .footer-right .bottom ul.social li a.fa-camera:before {
  font-family: "FontAwesome";
}
footer > .container .footer-right .top .intranet-link a:hover {
  text-decoration: underline;
}

/* Intranet Login */
/* Remove Wrap From Quick link Slider when there are < 5 items */
section#quicklinks .quicklinks-wrapper .quicklinks-inside .quicklinks,
#subpage .quicklinks-wrapper .quicklinks-inside .quicklinks {
  display: block;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

/* Image Only */
.hero-image .banner-slide, .homepage header {
  position: relative;
}

/* Image/Video Banner */
/* Subpage Hero */
.subpage .hero-image, .subpage .hero-image .image {
  max-height: 30vw;
}

.hero-image {
  position: absolute;
  width: 100%;
  z-index: -1;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  overflow: hidden;
  max-height: 40vw;
}
.hero-image .image {
  height: 40vw;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
  min-height: 320px;
}

.credit-container {
  position: absolute;
  bottom: 10px;
  background: rgba(255, 255, 255, 0.8);
  padding: 5px 15px;
  right: 20px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}

@media screen and (max-width: 1024px) {
  header {
    overflow: hidden;
  }

  .hero-image .image {
    padding-bottom: 3rem;
  }

  .credit-container {
    position: static;
    -webkit-border-radius: 0;
    border-radius: 0;
  }

  .hero-image {
    /*width: 150%;*/
    max-height: 100%;
  }
}
/* New Megamenu style */
#menubar .megamenu nav ul.nav-menu li.nav-item .sub-nav > .nav-lists > .sub-nav-group {
  /*column-count: auto;*/
  width: 100%;
  max-height: 100%;
  /*display: flex;*/
  /*flex-wrap: wrap;*/
}
#menubar .megamenu nav ul.nav-menu li.nav-item .sub-nav > .nav-lists > .sub-nav-group > li {
  /*width: 25%;*/
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 5px;
}

.ui-dialog .fa, .modernCalendarComponent .fa {
  font-family: "FontAwesome";
}

iframe#tableau {
  border: none;
  width: 100%;
  height: 700px;
}

#vizContainer iframe {
  -webkit-transform: scale(0.75);
  -ms-transform: scale(0.75);
  transform: scale(0.75);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}

#subpage.fullwidth #page > .container > div {
  display: -ms-grid;
  display: grid;
  grid-area: none;
  grid-template-areas: "main-content";
  -ms-grid-columns: none;
  grid-template-columns: none;
}

/* Hide Login Link */
.login-link, .goog-te-banner-frame, .goog-te-gadget img, .goog-te-gadget-simple .goog-te-menu-value span {
  display: none;
}

/* Google Translate */
div#google_translate_element {
  display: block;
  height: 35px;
  overflow: hidden;
}

body .goog-te-gadget-simple {
  background: #000000;
  border: none;
  display: block;
  height: 32px;
}

iframe.goog-te-menu-frame.skiptranslate {
  width: 100% !important;
}

/* Google Translate Select */
select.goog-te-combo {
  margin: 0 !important;
  border: none !important;
  background: #000000;
  color: #fff;
  -webkit-border-radius: 0px !important;
  border-radius: 0px !important;
  -webkit-appearance: none;
  border-right: 1px solid #4d4d4d;
  position: relative;
  vertical-align: top;
  height: 35px;
  line-height: 35px;
  padding: 0 10px;
  cursor: pointer;
  overflow: hidden;
  font-family: "Fira Sans", sans-serif;
  font-weight: 700;
  font-size: 0.75rem;
  text-transform: uppercase;
}
select.goog-te-combo:hover {
  background: #FFA400 !important;
  color: #1F1F1F !important;
}

.skiptranslate > div {
  position: relative;
}

.goog-logo-link {
  display: none;
}

#subpage .quicklinks-wrapper .quicklinks-inside > a {
  position: absolute;
  z-index: 1;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #1F1F1F;
  opacity: 0.5;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font-size: 1rem;
  width: 2.5rem;
  height: 2.5rem;
  text-align: center;
  line-height: 2.5rem;
  text-decoration: none;
  -webkit-background-size: contain;
  background-size: contain;
  background-position: center;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#subpage .quicklinks-wrapper .quicklinks-inside > a:first-of-type {
  left: 0;
  background-image: url("//glendale.hosted.civiclive.com/UserFiles/Servers/Server_15209001/Templates/img/arrow-left.svg");
}
#subpage .quicklinks-wrapper .quicklinks-inside > a:last-of-type {
  right: 0;
  background-image: url("//glendale.hosted.civiclive.com/UserFiles/Servers/Server_15209001/Templates/img/arrow-right.svg");
}
#subpage .quicklinks-wrapper .quicklinks-inside .quicklinks {
  display: block;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
#subpage .quicklinks-wrapper .quicklinks-inside .quicklinks .ql a span {
  width: 100%;
}
@media screen and (max-width: 768px) {
  #subpage .quicklinks-wrapper .quicklinks-inside {
    max-width: none;
    padding-bottom: 0px;
    margin-bottom: 10px;
  }
  #subpage .quicklinks-wrapper .quicklinks-inside > a {
    top: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    bottom: 0;
  }
  #subpage .quicklinks-wrapper .quicklinks-inside > a:first-of-type {
    left: 48%;
    -webkit-transform: translateX(-webkit-calc(-50% - 2rem));
    -ms-transform: translateX(calc(-50% - 2rem));
    transform: translateX(calc(-50% - 2rem));
    bottom: -55px;
    margin: 0 10px;
  }
  #subpage .quicklinks-wrapper .quicklinks-inside > a:last-of-type {
    left: 52%;
    -webkit-transform: translateX(-webkit-calc(-50% + 2rem));
    -ms-transform: translateX(calc(-50% + 2rem));
    transform: translateX(calc(-50% + 2rem));
    bottom: -55px;
    margin: 0 10px;
  }
}
@media screen and (max-width: 568px) {
  #subpage .quicklinks-wrapper .quicklinks-inside {
    padding-bottom: 1.25rem;
    margin-bottom: -60px;
  }
  #subpage .quicklinks-wrapper .quicklinks-inside > a {
    display: none !important;
  }
}

/* Accordian Portlet*/
.TA-tab-content.TA-accordionMode .tab-pane {
  font-family: "Fira Sans", sans-serif;
  color: #1F1F1F !important;
}
.TA-tab-content.TA-accordionMode .tab-pane a {
  font-family: "Fira Sans", sans-serif;
  color: #064694 !important;
  font-weight: 500;
  text-decoration: none !important;
}
.TA-tab-content.TA-accordionMode .tab-pane a:hover {
  text-decoration: underline !important;
}
.TA-tab-content.TA-accordionMode .tab-pane a span {
  font-family: "Fira Sans", sans-serif;
  color: #064694 !important;
  font-weight: 500;
  text-decoration: none !important;
}
.TA-tab-content.TA-accordionMode .tab-pane a span:hover {
  text-decoration: underline !important;
}
.TA-tab-content.TA-accordionMode .accordionTabHead.active + .tab-pane:after {
  background: #6F7271;
}
.TA-tab-content .active.accordionTabHead:after {
  background: #6F7271;
}
.TA-tab-content .accordionTabHead > a {
  font-family: "Fira Sans", sans-serif;
  color: #fff !important;
  background: #6F7271;
}
.TA-tab-content .accordionTabHead > a:hover {
  background: #FFA400;
  color: #1F1F1F !important;
}

/*Tabs Portet*/
.PO-tabAccordion * {
  font-family: "Fira Sans", sans-serif;
}
.PO-tabAccordion ul.TA-nav-tabs li.active a {
  background: #6F7271;
  color: #fff !important;
}
.PO-tabAccordion ul.TA-nav-tabs li.active a:after {
  display: none;
}
.PO-tabAccordion ul.TA-nav-tabs li a {
  background: #FFA400;
  color: #1d1d1d !important;
}
.PO-tabAccordion ul.TA-nav-tabs li a:hover, .PO-tabAccordion ul.TA-nav-tabs li a:focus {
  background: #6F7271;
  color: #fff !important;
}

/* Contact Us Portlet */
#contact-us-container {
  padding: 0.625rem;
}
@media screen and (max-width: 900px) {
  #contact-us-container {
    text-align: center;
  }
}
#contact-us-container .address, #contact-us-container .email, #contact-us-container .phone {
  margin-bottom: 1rem;
}
#contact-us-container .email span, #contact-us-container .phone span {
  font-weight: bold;
  margin-right: 0.5rem;
}
#contact-us-container .social-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
@media screen and (max-width: 900px) {
  #contact-us-container .social-icons {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}
#contact-us-container .social-icons li a {
  font-size: 1.75rem;
  color: #e54a37;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  padding: 0.5rem;
}
#contact-us-container .social-icons li a:hover, #contact-us-container .social-icons li a:focus {
  color: #D67038;
  text-decoration: none;
}
#contact-us-container .social-icons li a.fa-camera {
  font-family: "FontAwesome";
}

/* Back to top */
#Btop {
  position: fixed;
  right: 20px;
  bottom: -50px;
  background: #FFA400;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #1f1f1f;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #1f1f1f;
  -webkit-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
  z-index: 8000;
}

#Btop span {
  font-size: 26px;
}

#Btop:hover, #Btop:focus {
  background: #1f1f1f;
  text-decoration: none;
  color: #FFA400;
  border: 2px solid #FFA400;
}

#Btop.show {
  bottom: 20px !important;
}