/*

font-family: 'Verdana', sans-serif;

dominant color: #5F259F
secondary color: #63B1BC

*/

html body {
  font-family: 'Verdana', sans-serif;
  font-size: 16px;
  line-height: normal;
  color: #231f20;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

body#ctl00_PageBody .responsiveTemplate {
  opacity: 0;
  background: #ffffff;
}

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.CMS_element .fa {
  font-family: 'FontAwesome';
}

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

.mfp-item {
  display: inline-block;
  vertical-align: top;
}

.link-img-edit {
  margin-bottom: 10px;
  display: block;
}

.link-img-edit img {
  width: 240px;
  height: 100px;
}

.link-icon-edit {
  margin-right: 10px;
}

.exlink-modal-dialog a,
.exlink-modal-dialog a:hover {
  height: auto !important;
}


/* --------------------- FRAMEWORK  ---------------------- */


/*! normalize.css v3.0.2 | MIT License | git.io/normalize */


/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

 html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}


/**
 * Remove default margin.
 */

 body {
  margin: 0;
}


/* HTML5 display definitions
========================================================================== */


/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 main,
 menu,
 nav,
 section,
 summary {
  display: block;
}


/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

 audio,
 canvas,
 progress,
 video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}


/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

 audio:not([controls]) {
  display: none;
  height: 0;
}


/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

 [hidden],
 template {
  display: none;
}


/* Links
========================================================================== */


/**
 * Remove the gray background color from active links in IE 10.
 */

 a {
  background-color: transparent;
}


/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

 a:active,
 a:hover {
  outline: 0;
}


/* Text-level semantics
========================================================================== */


/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

 abbr[title] {
  border-bottom: 1px dotted;
}


/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

 b,
 strong {
  font-weight: bold;
}


/**
 * Address styling not present in Safari and Chrome.
 */

 dfn {
  font-style: italic;
}


/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

 h1 {
  font-size: 2em;
  margin: 0.67em 0;
}


/**
 * Address styling not present in IE 8/9.
 */

 mark {
  background: #ff0;
  color: #000;
}


/**
 * Address inconsistent and variable font size in all browsers.
 */

 small {
  font-size: 80%;
}


/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

 sub,
 sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}


/* Embedded content
========================================================================== */


/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

 img {
  border: 0;
}


/**
 * Correct overflow not hidden in IE 9/10/11.
 */

 svg:not(:root) {
  overflow: hidden;
}


/* Grouping content
========================================================================== */


/**
 * Address margin not present in IE 8/9 and Safari.
 */

 figure {
  margin: 1em 40px;
}


/**
 * Address differences between Firefox and other browsers.
 */

 hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}


/**
 * Contain overflow in all browsers.
 */

 pre {
  overflow: auto;
}


/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

 code,
 kbd,
 pre,
 samp {
  font-family: monospace, monospace;
  font-size: 1em;
}


/* Forms
========================================================================== */


/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */


/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

 button,
 input,
 optgroup,
 select,
 textarea {
  color: inherit;
  /* 1 */
  margin: 0;
  /* 3 */
}


/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

 button {
  overflow: visible;
}


/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

 button,
 select {
  text-transform: none;
}


/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

 button,
 html input[type="button"],

 /* 1 */

 input[type="reset"],
 input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}


/**
 * Re-set default cursor for disabled elements.
 */

 button[disabled],
 html input[disabled] {
  cursor: default;
}


/**
 * Remove inner padding and border in Firefox 4+.
 */

 button::-moz-focus-inner,
 input::-moz-focus-inner {
  border: 0;
  padding: 0;
}


/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

 input {
  line-height: normal;
}


/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

 input[type="checkbox"],
 input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}


/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

 input[type="number"]::-webkit-inner-spin-button,
 input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}


/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

 input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}


/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

 input[type="search"]::-webkit-search-cancel-button,
 input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}


/**
 * Define consistent border, margin, and padding.
 */

 fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}


/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

 legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}


/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

 textarea {
  overflow: auto;
}


/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

 optgroup {
  font-weight: bold;
}


/*-- END RESET --*/


/*-- Fix Menn vs. Banner Z-index --*/

body .wrapword {
  z-index: 3000 !important;
}


/*--------------------------------*/

h1 {
  font-size: 36px;
}

h2 {
  font-size: 30px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 12px;
}

a,
a:hover {
  color: #1D1D1D;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.clear {
  clear: both;
}

.clear:after {
  content: '';
  display: block;
  clear: both;
}

span.offscreen {
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
  left: -10000px;
  top: -10000px;
}

.row {
  margin-bottom: 20px;
}

.pr {
  position: relative;
}

.w-20 {
  width: 20%;
  float: left;
}

.w-25 {
  width: 25%;
  float: left;
}

.w-30 {
  width: 30%;
  float: left;
}

.w-33 {
  width: 33.33334%;
  float: left;
}

.w-34 {
  width: 34%;
  float: left;
}

.w-38 {
  width: 38%;
  float: left;
}

.w-40 {
  width: 40%;
  float: left;
}

.w-45 {
  width: 45%;
  float: left;
}

.w-50 {
  width: 50%;
  float: left;
}

.w-60 {
  width: 60%;
  float: left;
}

.w-62 {
  width: 62%;
  float: left;
}

.w-66whole {
  width: 66%;
  float: left;
}

.w-66 {
  width: 66.66667%;
  float: left;
}

.w-70 {
  width: 70%;
  float: left;
}

.w-75 {
  width: 75%;
  float: left;
}

.w-80 {
  width: 80%;
  float: left;
}

.w-100 {
  width: 100%;
  float: left;
}

@media screen and (max-width: 700px) {
  .w-33 {
    width: 100%;
    float: none;
  }
  .w-80 {
    width: 100%;
    float: none;
  }
  .w-20 {
    width: 100%;
    float: none;
  }
}

.mb-0 {
  margin-bottom: 0px;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.w-66 .ptl_portlet_vertical {
  overflow: visible;
}

p {
  line-height: 1.7em;
  letter-spacing: .3px;
  margin: 0px 0px 15px;
}

.row.bg-d p {
  color: #ffffff;
  margin: 0px;
  font-size: 18px;
  line-height: 29px;
}

#outside-wrapper {
  position: relative;
}

.inside-padding {
  padding: 10px;
  max-width: 1400px;
  margin: 0px auto;
}

.alpha>.inside-padding {
  padding-left: 0px;
}

.omega>.inside-padding {
  padding-right: 0px;
}

.row.bg-d {
  margin-bottom: 0px;
}

.row.bg-d .inside-padding {
  padding: 20px;
}

.mb-0>.inside-padding {
  padding: 0px 10px 0px 10px;
}

#header>.inside-padding {
  padding: 10px;
  position: relative;
}

#content-col-wrapper.row {
  margin-bottom: 0px;
}

body {
  line-height: normal;
  font-size: 16px;
  color: #282828;
}


/*==== UPCOMING EVENTS ====*/

.ptl_upcomingevents {
  margin: 5px 0px 20px;
}

.ptl_upcomingevents_item .ptl_upcomingevents_date {
  width: 46px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-width: 2px;
  font-family: inherit;
  background-image: none;
  border-radius: 6px;
}

.ptl_upcomingevents_item .ptl_upcomingevents_date .ptl_upcomingevents_month {
  background-image: none;
  padding: 6px 0px 6px;
  border-radius: 0px;
}

.ptl_upcomingevents_item .ptl_upcomingevents_date .ptl_upcomingevents_day {
  padding: 2px 0px 1px 0px;
  font-size: 18px;
  font-weight: bold;
  display: block;
}

.ptl_upcomingevents_item .ptl_upcomingevents_events {
  position: relative;
  margin-left: 65px;
}

.ptl_upcomingevents_item .ptl_upcomingevents_details .event_title {
  font-weight: normal;
}

.ptl_upcomingevents_item span.more_events_label {
  font-weight: normal;
}

.ptl_upcomingevents_footer .more_events:link,
.ptl_upcomingevents_footer .more_events:visited,
.ptl_upcomingevents_footer .more_events:active {
  background: #333333;
  color: #FFFFFF;
  font-size: 12px;
  padding: 5px 10px;
  text-decoration: none;
  display: inline-block;
}

.ptl_upcomingevents_footer .more_events:hover {
  background: #333333;
}

.ptl_upcomingevents_footer .more_events_arrows {
  display: none;
}

#news-summary .content .summary,
.newscontent .summary {
  margin: 15px 0;
}

#news-summary .content .summary,
.newscontent .summary,
#news-summary .content .summary p,
.newscontent .summary p {
  line-height: 1.3;
}

body .nivoSlider {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.nivoSlider .nivo-directionNav a {
  background-image: url('https://cdnsm4-hosted.civiclive.com/common/resources/DesignPortfolio/SiteThemes/CommonLib/arrows.png');
  opacity: 0.6;
}

.nivoSlider .nivo-directionNav a:hover {
  opacity: 0.95;
}

.nivoSlider .nivo-caption {
  background: #FFFFFF;
  opacity: 0.9;
  text-align: center;
}

.nivoSlider .nivo-caption p {
  color: #000000;
}

#RSSLink {
  display: none;
}

.social li a,
#social li a,
#social li a[title="Email"],
.social li a[title="Email"],
.w-social li a[title="Email"] .w-social li a {
  text-indent: 900px;
}

#mobile-bar {
  color: #4d4f50;
  font-size: 22px;
  display: none;
  text-decoration: none;
  text-transform: uppercase;
  text-indent: 0px;
}

#mobile-bar .fa {
  padding-right: 10px;
}


/* Subpage Menu */

.menu-text {
  padding-left: 10px;
  color: #FFF;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 24px;
}

.menu-text span {
  text-transform: lowercase;
  font-weight: 400;
  font-size: 24px;
}

#sub-content-right .inside-padding {
  min-height: 500px;
}


/*---- CENTER TELERIK MENU ----*/

.centerMenu {
  vertical-align: top;
  display: inline-block;
}

.centerWrapper {
  text-align: center;
}

@media screen and (max-width: 1050px) {
  .CMS_adminBar,
  #placeholder-CMS_admin_ToolBar,
  #placeholder-CMS_DragDropWrapper {
    display: none;
  }
  #CMS_DragDropWrapper {
    display: none !important;
  }
}

@media screen and (max-width: 950px) {
  .RadMenu_PageControls,
  #divMenuOffset {
    display: none;
  }
}

@media screen and (max-width: 1200px) {
  #mobile-bar {
    display: block;
  }
  .megamenu {
    display: none;
  }
  .telerik_main_menu,
  .centerWrapper {
    display: none;
  }
  #background {
    z-index: 1;
  }
  #header,
  #content-wrapper {
    position: relative;
    z-index: 2;
  }
}

@media screen and (max-width: 730px) {
  .subpage .sec-header {
    display: none;
  }
  #sub-content-left,
  #sub-content-right {
    width: 100%;
    float: none;
  }
  #sub-content-right .inside-padding {
    min-height: auto;
  }
  #inside-nav {
    min-height: initial;
  }
}

@media screen and (max-width: 640px) {
  .w-66 {
    width: 100%;
    float: none;
  }
  .w-40 {
    width: 100%;
    float: none;
  }
  .w-60 {
    width: 100%;
    float: none;
  }
  .w-33 {
    width: 100%;
    margin-bottom: 15px;
  }
  .w-33-col-50 {
    width: 50%;
    float: left;
  }
  .w-33-col-50:first-child .inside-padding {
    padding-right: 10px;
  }
  .w-33-col-50:last-child .inside-padding {
    padding-left: 10px;
  }
  .w-25 {
    width: 100%;
    float: none;
  }
  .w-75 {
    width: 100%;
    float: none;
  }
  .w-50 {
    width: 100%;
    float: none;
  }
  .nivo-caption {
    display: none !important;
  }
  #footer-left,
  #footer-right {
    width: 100%;
    float: none;
    text-align: center;
  }
  ul#social {
    float: none;
    margin-top: 15px;
    text-align: center;
  }
  #logo,
  #school-name {
    width: 100%;
    float: none;
    text-align: center;
  }
  ul#social li {
    display: inline;
  }
  #header-left,
  #header-right {
    width: 100%;
    float: none;
  }
}

@media screen and (max-width: 450px) {
  .w-33-col-50 {
    width: 100%;
    float: none;
  }
  .w-33-col-50:first-child .inside-padding {
    padding: 10px;
  }
  .w-33-col-50:last-child .inside-padding {
    padding: 10px;
  }
  .w-33>.inside-padding,
  .w-66>.inside-padding {
    padding: 0px 10px 0px 10px;
  }
}

@media screen and (max-width: 450px) {
  .w-33 {
    width: 100%;
    float: none;
  }
}


/*-- Fix Default Layouts --*/


/*-- One Col 100% --*/

.ptl_col_1 {
  width: 98%;
  padding: 0%;
}

.sideBar .ptl_col_1 {
  width: 100%;
  padding: 0%;
}


/*-- Two Col 50% --*/

.ptl_col_1_2 {
  width: 48%;
  padding: 1%;
}


/*-- Two Coll 25% / 65% --*/

.ptl_col_1_4 {
  width: 23%;
  padding: 1%;
}

.ptl_col_3_4 {
  width: 63%;
  padding: 1%;
}


/*-- Two Coll 66% / 33% --*/

.ptl_col_2_3 {
  width: 64%;
  padding: 1%;
}

.ptl_col_1_3 {
  width: 31%;
  padding: 1%;
}

@media screen and (max-width: 750px) {
  .ptl_col_1_4 {
    width: 100%;
    padding: 0%;
  }
  .ptl_col_3_4 {
    width: 100%;
    padding: 0%;
  }
}

@media screen and (max-width: 580px) {
  .ptl_col_1 {
    width: 100%;
    padding: 0%;
  }
  .ptl_col_1_2 {
    width: 100%;
    padding: 0%;
  }
  .ptl_col_2_3 {
    width: 100%;
    padding: 0%;
  }
  .ptl_col_1_3 {
    width: 100%;
    padding: 0%;
  }
}

#skip a {
  position: absolute;
  left: -10000px;
  top: auto;
  overflow: hidden;
}

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

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


/*--VISUAL FOCUS FOR ACCESSIBILITY--*/

*:focus {
  -webkit-box-shadow: 0px 0px 12px 0px rgba(21, 90, 143, 1);
  -moz-box-shadow: 0px 0px 12px 0px rgba(21, 90, 143, 1);
  box-shadow: 0px 0px 12px 0px rgba(21, 90, 143, 1);
}

.label_skin_corporation a {
  text-decoration: underline;
}


/* --------------------- HEADER  ---------------------- */

#header {
  background: #57545A;
  color: #FFF;
  text-align: right;
}

.links-sm-container {
  margin-left: 20px;
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 720px) {
  .links-sm-container {
    width: 100%;
    margin: 0;
  }
  ul.header-links {
    width: 55%;
    text-align: left;
  }
  ul.social-icons {
    width: 45%;
    text-align: right;
  }
}

ul.header-links,
ul.social-icons {
  display: inline-block;
  vertical-align: middle;
}

ul.header-links li,
ul.social-icons li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 15px;
}

ul.social-icons li:last-child {
  margin-right: 0;
}

ul.header-links a {
  font-size: 14px;
  color: #FFF;
}

#header ul.social-icons a {
  font-size: 16px;
  color: #FFF;
}

ul.social-icons li a:hover,
ul.social-icons li a:focus {
  text-decoration: none;
  text-shadow: 1px 3px 5px rgba(0, 0, 0, 0.4);
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

#menubar {
  position: absolute;
  width: 100%;
  top: auto;
  z-index: 9;
  background: #fff;
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 45%, rgba(255,255,255,0.7) 70%, rgba(255,255,255,0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 45%, rgba(255,255,255,0.7) 70%, rgba(255,255,255,0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 45%, rgba(255,255,255,0.7) 70%, rgba(255,255,255,0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f259f', endColorstr='#006f4c9b', GradientType=0);
  /* IE6-9 */
}

#menubar>.inside-padding {
  display: table;
  max-width: 1280px;
  width: 100%;
  padding: 30px 10px !important;
}

#menu-left {
  display: table-cell;
  vertical-align: middle;
}

.city-logo {
  width: 15%;
  padding: 0 20px;
  display: table-cell;
  vertical-align: middle;
  text-decoration: none !important;
}

.city-logo img {
  width: 100px;
  height: auto;
}

.city-name {
  display: table-cell;
  vertical-align: middle;
}

.city-name h1 {
  font-size: 30px;
  font-weight: bold;
  line-height: 33px;
  color: #4d4f50;
  text-transform: uppercase;
  margin: 0;
}

.city-name h1 span {
  font-size: 60%;
  color: #4d4f50;
  font-weight: normal;
  display: block;
  text-transform: none;
}

#menu-right {
  text-align: right;
  display: table-cell;
  vertical-align: middle;
}

@media screen and (max-width: 600px) {
  .city-logo,
  .city-name {
    width: 100%;
    display: block;
    padding: 0;
  }
  #menubar>.inside-padding {
    display: block;
  }
  #menu-left,
  #menu-right {
    width: 100%;
    margin: auto;
    text-align: center;
    display: block;
  }
}


/* -------------------- BANNER -------------------- */

#banner {
  position: relative;
}

#banner .bannerInside {
  height: 100vw;
  max-height: 600px;
  overflow: hidden;
}

#banner .bannerInside:after {
  content: '';
  display: block;
  clear: both;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  z-index: 0;
}

#hero-search {
  position: relative;
}

#hero-search .search-padding {
  position: absolute;
  top: 50%;
  left: 0%;
  right: 0%;
  z-index: 8;
  display: -webkit-box;
  display: -ms-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: initial;
  flex-direction: initial;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
}


/* --------------------- Hero Image Wrapper   ---------------------- */

.hero-image-wrapper,
#heroBanner {
  opacity: 1;
  animation: fade-in 0.4s ease-in;
  animation-iteration-count: 1;
  -webkit-animation: fade-in 0.4s ease-in;
  -webkit-animation-iteration-count: 1;
  -moz-animation: fade-in 0.4s ease-in;
  -moz-animation-iteration-count: 1;
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

.hero-image-wrapper .inside-padding {
  width: 100%;
  height: 50vh;
  position: relative;
  display: -webkit-box;
  display: -ms-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: initial;
  flex-direction: initial;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
}

#searchPanel {
  position: relative;
  padding: 0;
}

#searchPanel input.SearchTerm {
  background: rgba(0, 0, 0, 0.4);
  border: none;
  height: 50px;
  line-height: 50px;
  padding: 0px 10px 0px 10px;
  width: 420px;
  color: #ffffff;
  letter-spacing: 0.04em;
  font-size: 16px;
  font-weight: 300;
  outline: none;
  position: relative;
}

#searchPanel input.SearchTerm:hover,
#searchPanel input.SearchTerm:focus {
  color: #FFF;
}

#searchPanel input.SearchTerm::placeholder {
  font-style: italic;
  color: #FFF;
}

.divSearchBox {
  padding: 0px;
}

#searchPanel a {
  background: #63B1BC;
  color: #000;
  font-size: 20px;
  margin: auto;
  text-align: center;
  position: absolute;
  padding: 13px 7px;
  right: 10px;
  transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -webkit-transition: all .1s ease-in-out;
  overflow: hidden;
  width: 50px;
  box-sizing: border-box;
}

#searchPanel a span {
  position: absolute;
  left: -900px;
}

#searchPanel a img {
  display: none;
}

#searchPanel a:hover {
  background: #5F259F !important;
  color: #FFF;
  text-decoration: none;
}


/* --------------------- QUICK LINKS  ---------------------- */

.ql-container {
  display: block;
}

a.ql {
  text-decoration: none !important;
  display: block;
  overflow: hidden;
  position: relative;
}

.ql-hover {
  width: 100%;
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
}

a.ql:hover .ql-hover,
a.ql:focus .ql-hover {
  visibility: visible;
  position: absolute;
  top: 0px;
  animation: fadeInLeft 300ms both;
}

.ql-container ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: table;
  width: 100%;
}

.ql-container ul:after {
  content: '';
  display: block;
  clear: both;
}

.ql-container ul li {
  background-color: #63B1BC;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  width: auto;
  text-align: center;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  width: 19%;
  display: inline-table;
  vertical-align: top;
  box-sizing: border-box;
  margin: 0.5%;
}

.ql-container ul li a {
  width: 100%;
  height: 190px;
  padding: 20px 10px;
  position: relative;
  display: -webkit-box;
  display: -ms-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: initial;
  flex-direction: initial;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  -webkit-transition: all .1s ease-in;
  -moz-transition: all .1s ease-in;
  -ms-transition: all .1s ease-in;
  -o-transition: all .1s ease-in;
  transition: all .1s ease-in;
}

.ql-container .ql-content {
  margin: auto;
  padding: 0;
  width: 100%;
  display: block;
  z-index: 1;
}

.ql-img {
  z-index: 0;
  width: 100%;
  height: auto;
  margin: auto;
  position: absolute;
  top: 0;
  left: auto;
}

.ql-img .inside {
  width: auto;
  height: 190px;
}

.ql-img:after {
  content: '';
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 190px;
  z-index: 0;
}

.ql-container ul li a .ql-img {
  opacity: 0;
  transition: all 250ms ease-in-out;
}

.ql-container ul li a:hover .ql-img,
.ql-container ul li a:focus .ql-img {
  opacity: 1;
}

.ql-container .fa {
  color: #172E36;
  font-size: 40px;
  margin-bottom: 10px;
  text-align: center;
  display: block;
  transition: all 250ms ease-in-out;
}

.ql-container ul li a:hover .fa,
.ql-container ul li a:focus .fa {
  -webkit-transform: translateY(-7px);
  -ms-transform: translateY(-7px);
  transform: translateY(-7px);
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.ql-title {
  word-break: break-word;
  color: #172E36;
  font-size: 16px;
  font-weight: bold;
}

.ql-container ul li a:hover,
.ql-container ul li a:focus {
  background: #63B1BC;
  -webkit-transition: all .1s ease-in;
  -moz-transition: all .1s ease-in;
  -ms-transition: all .1s ease-in;
  -o-transition: all .1s ease-in;
  transition: all .1s ease-in;
}

.ql-container ul li a:hover .fa,
.ql-container ul li a:focus .fa,
.ql-container ul li a:hover .ql-title,
.ql-container ul li a:focus .ql-title {
  color: #FFF;
}

@media screen and (max-width: 670px) {
  .ql-container ul li {
    width: 100%;
    display: block;
    margin: 0 0 10px 0;
  }
}


/* --------------------- FEATURED VIDEO  ---------------------- */

#videoContainer {
  margin: 40px auto 20px;
  width: 100%;
  display: table;
  padding: 0 40px; 
}

.video-description {
  width: 40%;
  padding-right: 5%;
  display: table-cell;
  vertical-align: middle;
}

.video-description img {
  width: 350px;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin-bottom: 20px;
}

.video-desc {
  font-size: 14px;
  display: block;
}

a.cta-btn {
  min-width: 200px;
  display: inline-block;
  padding: 8px 20px;
  text-align: center;
  margin-top: 30px;
  background: #5F259F;
  color: #FFF;
}

a.cta-btn:after {
  font-family: "FontAwesome";
  color: #FFF;
  font-size: 20px;
  margin-left: 10px;
  content: '\f0da';
  display: inline-block;
  vertical-align: middle;
  clear: both;
  transition: all 0.2s cubic-bezier(0.87, -0.41, 0.19, 1.44);
}

a.cta-btn:hover:after,
a.cta-btn:focus:after {
  content: "\f178";
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transform: translate(5px, 0%);
}

a.cta-btn:hover {
  background: #63B1BC;
  color: #000;
  text-decoration: none;
  transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -webkit-transition: all .1s ease-in-out;
}

a.cta-btn:hover:after {
  color: #000;
}

.video {
  display: table-cell;
  vertical-align: middle;
}

.video iframe {
  width: 100%;
  height: 400px;
}

@media screen and (max-width: 768px) {
  .video-description,
  .video-description,
  .video {
    width: 100%;
    margin-bottom: 20px;
    display: block;
  }
}


/* --------------------- STATISTICS  ---------------------- */

#statistics {
  background: #F5F4F2;
}

#statistics .inside-padding {
  padding: 0;
}

#stat-wrapper {
  margin: auto;
}

#stat-wrapper ul li {
  background: #F5F4F2;
}

#stat-wrapper ul li:nth-child(2) {
  background: #E8E8E7;
}

#stat-wrapper ul li {
  width: 33.333%;
  display: table-cell;
  vertical-align: middle;
  border-top: solid 1px #e8e8e8;
  border-bottom: solid 1px #e8e8e8;
  border-right: solid 1px #e8e8e8;
}

#stat-wrapper ul li:last-child {
  border-right: none;
}

#stat-wrapper .stat-item {
  text-align: center;
  padding: 50px 20px 60px 20px;
}

#stat-wrapper img {
  width: 90px;
  height: auto;
}

#stat-wrapper .stat-item:hover img,
#stat-wrapper .stat-item:focus img {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

#stat-wrapper .stat-value {
  color: #5F259F;
  font-size: 40px;
  font-weight: bold;
  margin: 20px 0;
  display: block;
}

#stat-wrapper .stat-value:after {
  content: '';
  display: block;
  clear: both;
  padding-bottom: 20px;
  width: 15vw;
  margin: auto;
  border-bottom: solid 3px #63B1BC;
}

#stat-wrapper .stat-title {
  color: #000;
  font-size: 14px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  #stat-wrapper ul li {
    width: 100%;
    display: block;
  }
}

.sectionHeading {
  display: table;
  width: 100%;
  height: 40px;
  padding: 20px 0;
}

.sectionTitle {
  width: 80%;
  display: table-cell;
  vertical-align: middle;
}

h2.sectionName {
  font-weight: bold;
  font-size: 26px;
  color: #000;
  text-transform: uppercase;
  margin: 0;
  padding: 10px 0;
  display: inline-block;
  vertical-align: middle;
}

h2.sectionName span {
  font-weight: normal;
}

.sectionControls {
  padding-left: 30px;
  text-align: right;
  display: inline-block;
  vertical-align: middle;
}

.slick-arrow {
  background: #000000;
  color: #FFF;
  vertical-align: middle;
  border: none;
  margin: 0 3px;
  padding: 0 7px;
  z-index: 9;
  //outline: none !important;
  box-shadow: none !important;
}

.slick-arrow:hover,
.slick-arrow:focus {
  background: #000;
}

.slick-arrow.slick-disabled {
  opacity: 0.7;
}

.slick-prev:before {
  font-family: "FontAwesome";
  font-size: 24px;
  line-height: 1;
  content: "\f0d9";
}

.slick-next:before {
  font-family: "FontAwesome";
  font-size: 24px;
  line-height: 1;
  content: "\f0da";
}

.view-all {
  width: 20%;
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}

.view-all a {
  font-size: 15px;
  font-weight: bold;
  color: #000;
  letter-spacing: 1px;
  text-decoration: underline;
}

.view-all a:hover {
  color: #000;
  text-decoration: none;
}

#news,
#events {
  border-bottom: solid 1px #e8e8e8;
}


/* --------------------- NEWSLETTER  ---------------------- */

#newsletter {
  background: #63B1BC;
  padding: 20px 0 10px 0;
}


/* CONSTANT CONTACT SIGN UP FORM */

#newsletter .zones-portlet-header.portletBox-title+div {
  background: transparent !important;
}


/* Success */

#success_message_0 {
  text-align: center !important;
}

#success_message_0 .ctct-form-text {
  width: 100% !important;
}


/* Captcha */

.grecaptcha-badge {
  display: none !important;
}

.ctct-embed-signup {
  text-align: center !important;
}

.ctct-inline-form {
  font-family: 'Verdana', sans-serif;
  display: -webkit-box;
  display: -ms-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  box-sizing: border-box;
}

.ctct-inline-form h2 {
  margin: 0;
  font-size: 20px !important;
  text-transform: uppercase;
}

.ctct-inline-form p {
  margin-bottom: 10px !important;
}

.ctct-form-embed.form_0 .ctct-form-defaults {
  position: relative;
  background: transparent !important;
}

#email_address_field_0 {
  float: right;
  text-align: right;
  display: inline-block;
  vertical-align: middle;
  width: 50%;
}

#email_address_field_0 label {
  display: none;
}

#email_address_field_0:after {
  content: '';
  display: block;
  clear: both;
}

p.ctct-form-text {
  width: 50%;
  display: inline-block;
  vertical-align: middle;
}

p.ctct-gdpr-text {line-height:1.5 !important;}

input.ctct-form-element {
  width: 36vw;
  height: auto;
  font-size: 16px;
  font-style: italic;
  margin: 0;
  padding: 10px;
  background: rgba(255, 255, 255, 0.35);
  border: none !important;
  border-radius: 0 !important;
  display: inline-block;
  vertical-align: middle;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

#gdpr_text {
  width: 50%;
  display: inline-block;
  vertical-align: middle;
}

.ctct-inline-form button {
  background: #FFF;
  padding: 9px;
  border: none !important;
  border-radius: 0 !important;
  font-size: 17px;
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  float: right;
  position: absolute;
  bottom: 40px;
  right: 23px;
}

@media screen and (max-width: 768px) {
  .ctct-inline-form {
    -ms-flex-direction: column;
    flex-direction: column;
    flex-direction: column;
  }
  #email_address_field_0,
  p.ctct-form-text {
    width: 100%;
    float: none;
    display: block;
  }
  #gdpr_text {
    width: 100%;
    float: none;
    display: block;
    margin: 20px 0;
  }
  input.ctct-form-element {
    width: 100%;
    display: block;
  }
  .ctct-inline-form button {
    position: relative;
    bottom: auto;
    right: auto;
    float: none;
  }
}


/* CONSTANT CONTACT POP UP */

.ctct-form-popup.form_1 p.ctct-form-text,
.ctct-form-popup.form_1 #gdpr_text {
  width: 100%;
}

.ctct-form-popup.form_1 input.ctct-form-element {
  border: 1px solid #b0b6bb !important;
  background-color: #ffffff;
}


/* --------------------- FOOTER  ---------------------- */

#footer {
  background: #5F259F;
  color: #FFF;
  font-size: 14px;
}

#footer a {
  color: #FFF;
}

#footer>.inside-padding {
  max-width: 1200px;
  display: block;
  padding: 40px 10px;
}

#footer .city-logo {
  width: 100%;
  display: block;
  text-align: center;
  margin: auto;
  text-decoration: none;
}

#footer .city-logo,
#footer .city-name {
  padding: 0;
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
  text-decoration: none;
}

.footer-container {
  width: 100%;
  display: table;
}

.contactInfo {
  display: table-cell;
  vertical-align: top;
}

.contactInfo h3,
.footerLinks h3 {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.contactInfo>div {
  margin-bottom: 0;
  margin-left: -20px;
}

.contactInfo .email .info a {
  text-decoration: underline;
}

.contactInfo .email .info a:hover {
  text-decoration: none;
}

.contactInfo .icon,
.contactInfo .info {
  display: table-cell;
  vertical-align: middle;
  padding: 8px;
}

.contactInfo .location span {
  margin: 3px 0;
  display: block;
}

.contactInfo .email div:first-child:before {
  font-family: 'FontAwesome';
  content: '\f0e0';
  display: inline-block;
  vertical-align: top;
  clear: both;
  color: #FFF;
  width: 45px;
  padding: 10px;
  font-size: 22px;
  text-align: center;
}

.contactInfo .location div:first-child:before {
  display: inline-block;
  vertical-align: middle;
  clear: both;
  color: #FFF;
  width: 30px;
  margin: 0 10px;
  font-size: 24px;
  text-align: center;
}

.contactInfo .phone div:first-child:before {
  display: inline-block;
  vertical-align: middle;
  clear: both;
  color: #FFF;
  width: 30px;
  margin: 0 10px;
  font-size: 24px;
  text-align: center;
}

div#google_translate_element {
  margin: 20px;
  padding: 0;
  text-align: left;
  display: block;
  width: 200px;
  height: 40px;
  overflow: hidden;
}

.goog-te-gadget .goog-te-combo {
  width: 100%;
  height: 40px;
  margin: 0 !important;
  background: #3e1668 !important;
  color: #FFF;
  border: solid 1px #3e1668 !important;
  padding: 8px !important;
  border-radius: 0 !important;
  font-size: 1rem !important;
  line-height: 2rem !important;
  display: inline-block;
  cursor: pointer;
  zoom: 1;
}

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

.footerLinks {
  display: table-cell;
  vertical-align: top;
  padding: 0 20px;
}

.footerLinks ul {
  list-style-type: disc !important;
  padding: 0 0 0 15px;
}

.footerLinks ul li {
  margin: 28px 0;
}

#footer .socialWrapper {
  text-align: center;
  display: table-cell;
  vertical-align: top;
}

#footer ul.social-icons li a {
  font-size: 30px;
}

.city-name h3 {
  font-size: 25px;
  color: #FFF;
  text-transform: uppercase;
  margin: 0 0 20px 0;
}

.city-name h3 span {
  font-size: 70%;
  color: #FFF;
  font-weight: normal;
  margin: 3px 0;
  display: block;
  text-transform: none;
}

.accreditations {
  background: #54585A;
  text-align: center;
  padding: 30px;
}

.accreditations a {
  display: block;
}

.accreditations h3 {
  margin: 0 0 30px 0;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.accreditations ul li {
  margin: 0 15px;
  display: inline-block;
  vertical-align: middle;
}

.accreditations ul li img {
  width: 100px;
  height: auto;
  /*border-radius: 100%;*/
}

.accreditations img:hover,
.accreditations img:focus {
  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.7);
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.credits {
  background: #000;
  color: #ffffff;
  text-align: center;
}

.credits a,
.credits a:hover {
  color: #FFF;
}

.label_skin_corporation {
  font-size: 12px;
  color: #FFF;
}

.label_skin_corporation a {
  color: #FFF;
  text-decoration: underline;
}

.label_skin_corporation a:hover {
  color: #FFF;
  text-decoration: none;
}

@media screen and (max-width: 900px) {
  #footer>.inside-padding {
    padding: 10px;
  }
  .footer-container {
    display: flex;
    flex-direction: column;
  }
  .contactInfo,
  .footerLinks,
  .socialWrapper {
    float: none;
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 20px auto 0;
  }
  .footerLinks ul li {
    margin: 0 0 10px;
  }
  .contactInfo {
    order: 2;
  }
  .footerLinks {
    order: 3;
  }
  .socialWrapper {
    order: 1;
  }
  .contactInfo>div {
    margin: auto;
    text-align: center !important;
  }
  .contactInfo .icon,
  .contactInfo .info {
    display: inline-block;
  }
  div#google_translate_element {
    text-align: center;
    margin: 20px auto 0;
    display: block;
  }
  .footerLinks ul {
    list-style-type: none !important;
    padding: 0;
  }
}


/* ------------------------- LATEST NEWS --------------------------- */

#news {
  background: #F5F4F2;
  padding: 30px 0;
}

#news-row .page {
  overflow: hidden;
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
}

@media screen and (max-width: 720px) {
  #news-row .page {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
}

#newsWrapper ul li {
  list-style-type: none;
  width: 100%;
  display: inline-block;
  vertical-align: top;
}

#newsWrapper ul li a {
  border: solid 1px #BBB;
}

#featured-story,
#news-row {
  display: inline-block;
  vertical-align: top;
  width: 49%;
  position: relative;
}

#featured-story {
  margin-right: 8px;
}

#news-row li a {
  margin-bottom: 15px;
}

#featured-story .newsImage .inside {
  position: relative;
  width: auto;
  height: 500px;
}

#news-row .newsImage .inside {
  width: auto;
  height: 241px;
}

.newsItem {
  position: relative;
  display: block;
}

.newsItem:after {
  content: '';
  display: block;
  clear: both;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7db9e8+0,ffffff+0,000000+100&0+0,1+100 */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000', GradientType=0);
  /* IE6-9 */
}

.newsItem:hover:after,
.newsItem:focus:after {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7db9e8+0,ffffff+0,000000+100&0+0,1+100 */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000', GradientType=0);
  /* IE6-9 */
}

.newsImage {
  position: relative;
}

.newsImage img:hover {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
}

.newsContent {
  padding: 15px;
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 9;
}

.newsTitle {
  color: #FFF;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}

.newsDate {
  margin-top: 5px;
  color: #e6e6e6;
  font-size: 12px;
  text-align: left;
}

.readMore {
  color: #FFF;
  font-size: 14px;
  text-decoration: underline;
  position: relative;
}

.readMore:after {
  font-family: "FontAwesome";
  color: #63B1BC;
  font-size: 20px;
  margin-left: 10px;
  content: '\f0da';
  display: inline-block;
  vertical-align: middle;
  clear: both;
  transition: all 0.2s cubic-bezier(0.87, -0.41, 0.19, 1.44);
}

a.newsItem:hover .readMore:after,
a.newsItem:focus .readMore:after,
a.event:hover .readMore:after,
a.event:focus .readMore:after {
  content: "\f178";
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  transform: translate(5px, 0%);
}


/* --------------------- UPCOMING EVENTS ---------------------- */

#events {
  padding: 30px 0;
}

a.event {
  margin: 2px;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: left;
  box-sizing: border-box;
}

#homepage a.event {
  min-height: 230px;
}

a.event div {
  margin-bottom: 8px;
}

.event-content {
  margin-bottom: 0 !important;
}

a.event:hover,
a.event:focus {
  /* background: rgb(232, 232, 231, 0.4);
  box-shadow: 0px 0px 5px #d0d0d0; */
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
  text-decoration: none;
}

.category {
  font-size: 30px;
  color: #63B1BC;
  margin-right: 15px;
  display: inline-block;
  vertical-align: bottom;
}

.event-month {
  margin-right: 8px;
}

.event-month,
.event-day {
  text-transform: uppercase;
  color: #5F259F;
  font-size: 26px;
  font-weight: 900;
  display: inline-block;
  vertical-align: middle;
}

#eventsList ul li:last-child .event-content {
  padding: 0 20px;
}

.event-title {
  color: #282828;
  font-size: 15px;
  font-weight: bold;
}

#upcoming-event-wrapper .readMore {
  color: #000;
}


/* --------------------- DEPARTMENT + SUBPAGE  ---------------------- */

#department-page .hero-image-wrapper .inside-padding,
#subpage .hero-image-wrapper .inside-padding {
  height: 30vh;
  justify-content: flex-end;
}

#department-page #searchPanel input.SearchTerm,
#subpage #searchPanel input.SearchTerm {
  background: rgba(0, 0, 0, 0.4);
  color; #fff;
  width: 330px;
}

#department-page #searchPanel a,
#subpage #searchPanel a {
  background: #656464;
  color: #FFF;
}

#department-page #searchPanel input.SearchTerm::placeholder,
#subpage #searchPanel input.SearchTerm::placeholder {
  /*color: #000;*/
  color: #fff;
}

#department-page .ql-container,
#subpage .ql-container {
  margin-bottom: 30px;
}

#department-page .ql-container ul li,
#subpage .ql-container ul li {
  background: #57545A;
}

#department-page .ql-container ul li a:hover,
#department-page .ql-container ul li a:focus,
#subpage .ql-container ul li a:hover,
#subpage .ql-container ul li a:focus {
  background: #57545A;
}

#department-page .ql-container .fa,
#department-page .ql-title,
#subpage .ql-container .fa,
#subpage .ql-title {
  color: #FFF;
}

#department-page h4 {
  text-transform: uppercase;
}

#department-page ul.contact .fas {
  color: #5F259F;
  padding: 10px;
  display: table-cell;
  vertical-align: middle;
}

#department-page ul.contact a,
#department-page ul.contact span {
  display: table-cell;
  vertical-align: middle;
}

#department-page #eventsList ul li:last-child .event-content {
  padding: 0;
}

#department-page a.event {
  padding: 20px 10px;
}

#link-list ul {
  list-style-type: disc;
  margin: 0;
  padding: 0 20px;
}

#link-list ul li {
  margin: 20px 0;
}

#subpage .pageContent, #department-page .pageContent {
  margin: auto;
  max-width: 1400px;
}

#subpage .mainContent {
  width: 100%;
  display: block;
}


/* --------------------- SUBPAGE  ---------------------- */

.mainContent a {
  color: #00f;
  text-decoration: underline;
}

.mainContent a:hover,
.subpage .mainContent a:focus {
  text-decoration: none;
}

.contentWrapper {
  position: relative;
}

.sideBar {
  background: #F5F4F2;
  border-top: solid 1px #d6d6d6;
  border-left: solid 1px #d6d6d6;
  border-right: none;
  border-bottom: none;
  width: 30%;
  display: inline-block;
  vertical-align: top;
}

.sideBar .ptl_portlet_vertical {
  word-break: break-word;
  border-bottom: solid 1px #d6d6d6;
  padding: 20px 30px;
}

/*.sideBar .ptl_portlet_vertical:nth-child(2) {
  background: #E8E8E7;
  }*/

  .mainContent {
    width: 70%;
    display: inline-block;
    vertical-align: top;
  }

  .mainContent>.inside-padding {
    padding: 10px 20px;
  }

  @media screen and (max-width: 960px) {
    .sideBar,
    .mainContent {
      width: 100%;
      display: block;
    }
  }

  h2.pageTitle {
    font-weight: bold;
    font-size: 28px;
    color: #5F259F;
  }

  #breadcrumbs {
    color: #000000;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 15px;
    padding: 0 10px;
  }

  #breadcrumbs a {
    color: #000000;
    font-weight: normal;
    text-decoration: underline;
  }

  #breadcrumbs a:hover {
    text-decoration: none;
  }

  .mainContent button[id*="btn_month"] {
    color: #000000;
  }

  #news-summary .content a.read-more {
    background: #63B1BC;
    color: #172E36;
  }

  #news-summary .content a.read-more:hover,
  #news-summary .content a.read-more:focus {
    background: #5F259F;
    transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
  }


  /* --------------------- MEDIA QUERIES  ---------------------- */

  @media screen and (max-width: 768px) {
    #menubar {
      position: relative;
      background: #ffffff;
    }
    #featured-story {
      display: none;
    }
    #featured-story,
    #news-row {
      width: 100%;
      margin-bottom: 10px;
    }
    #news-row .page {
      column-count: 1;
    }
    .sectionControls {
      padding-left: 5px;
    }
  }


  /* button css */

  .subpage .buttons {
    background-color: #b33d26;
    border-radius: 4px;
    padding: 25px 15px 25px 15px;
    color: white;
    text-align: center;
    margin: 10px 0px 10px 10px;
    width: 33%;
    min-width: 125px;
    float: right;
    font-size: 15px;
  }

  a.btn {
    font-size: 18px;
    padding: 10px;
    display: inline-block;
    text-decoration: none;
    border-radius: 5px;
    background: #45144d;
    color: #ffffff;
    transition: all .2s ease-in-out;
    text-align: center;
  }

  a.btn:hover {
    opacity: 0.7;
  }

  .ptl_portlet_vertical,
  .ptl_page {
    overflow: visible;
  }


  /* acc styles */

  .acc_trigger a {
    font-size: 18px;
    color: #62269E;
    text-decoration: none;
  }

  h2.acc_trigger {
    margin: 0px;
  }

  .acc_container .block {
    margin: 0px;
  }

  a.btn.acc_expand-all {
    background-color: #62269E;
    padding: 8px 10px 8px 10px;
    display: inline-block;
    border-radius: 5px;
    color: #ffffff;
    text-decoration: none;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }

  a.btn.acc_expand-all:hover {
    opacity: 0.7;
  }


/*a.btn.stackedIconButton {
    display: grid;
    }*/


    /* center subpage banner */

    #subpage #theme .bannerContainer {
      margin: 10px auto;
    }


    /* z-index fix */

    a.stackedIconButton.btn,
    .imageButton {
      position: relative;
      z-index: 1;
    }


    /* Modal Start */

    .close {
      float: right;
      font-size: 21px;
      font-weight: bold;
      line-height: 1;
      color: #000;
      text-shadow: 0 1px 0 #fff;
      opacity: .2;
      filter: alpha(opacity=20)
    }

    .close:hover,
    .close:focus {
      color: #000;
      text-decoration: none;
      cursor: pointer;
      opacity: .5;
      filter: alpha(opacity=50)
    }

    button.close {
      padding: 0;
      cursor: pointer;
      background: transparent;
      border: 0;
      -webkit-appearance: none
    }

    .modal-open {
      overflow: hidden
    }

    .modal {
      display: none;
      overflow: auto;
      overflow-y: scroll;
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1050;
      -webkit-overflow-scrolling: touch;
      outline: 0
    }

    .modal.fade .modal-dialog {
      -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
      transform: translate(0, -25%);
      -webkit-transition: -webkit-transform 0.3s ease-out;
      -moz-transition: -moz-transform 0.3s ease-out;
      -o-transition: -o-transform 0.3s ease-out;
      transition: transform 0.3s ease-out
    }

    .modal.in .modal-dialog {
      -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0)
    }

    .modal-dialog {
      position: relative;
      width: auto;
      margin: 10px
    }

    .modal-content {
      position: relative;
      background-color: #fff;
      border: 1px solid #999;
      border: 1px solid rgba(0, 0, 0, 0.2);
      border-radius: 6px;
      -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
      box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
      background-clip: padding-box;
      outline: none
    }

    .modal-backdrop {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1040;
      background-color: #000
    }

    .modal-backdrop.fade {
      opacity: 0;
      filter: alpha(opacity=0)
    }

    .modal-backdrop.in {
      opacity: .5;
      filter: alpha(opacity=50)
    }

    .modal-header {
      padding: 15px;
      border-bottom: 1px solid #e5e5e5;
      min-height: 16.428571429px
    }

    .modal-header .close {
      margin-top: -2px
    }

    .modal-title {
      margin: 0;
      line-height: 1.428571429
    }

    .modal-body {
      position: relative;
      padding: 20px
    }

    .modal-footer {
      margin-top: 15px;
      padding: 19px 20px 20px;
      text-align: right;
      border-top: 1px solid #e5e5e5
    }

    .modal-footer .btn+.btn {
      margin-left: 5px;
      margin-bottom: 0
    }

    .modal-footer .btn-group .btn+.btn {
      margin-left: -1px
    }

    .modal-footer .btn-block+.btn-block {
      margin-left: 0
    }

    @media screen and (min-width:768px) {
      .modal-dialog {
        width: 600px;
        margin: 30px auto
      }
      .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5)
      }
      .modal-sm {
        width: 300px
      }
      .modal-lg {
        width: 900px
      }
    }

    .fade {
      opacity: 0;
      -webkit-transition: opacity .15s linear;
      transition: opacity .15s linear
    }

    .fade.in {
      opacity: 1
    }
    /* Modal End */

    /* Social Media Fix */
    ul.social-icons li {
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }

    .nextdoor-logo a:before {
      content: '';
      /*background-image: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_1881137/Templates/images/nextdoor.svg');*/
      height: 16px;
      width: 16px;
      background-size: contain;
      display: block;
      background-repeat: no-repeat;
    }

    /*.auroratv a:before {
      content: '';
      background-image: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_1881137/Templates/images/Aurora-TV.png?v1');
      height: 16px;
      width: 80px;
      background-size: contain;
      display: block;
      background-repeat: no-repeat;
    }*/

   .auroratv a:before {
      content: '';
      background-image: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_1881137/Templates/redesign/img/aurora-tv-icon.png?v2');
      height: 16px;
      width: 80px;
      background-size: contain;
      display: block;
      background-repeat: no-repeat;
    }

    @media screen and (max-width: 720px){
      ul.header-links, ul.social-icons {
        display: flex;
        justify-content: center;
        width: 100%;
        text-align: center;
        flex-wrap: wrap; 
      }

      ul.header-links li, ul.social-icons li {
        margin: 10px;
      }
    }

    /* Footer Social */
    #footer .nextdoor-logo a:before {
      height: 30px;
      width: 30px;
    }
    #footer .auroratv a:before {
      width: 200px;
      height: 26px;
      background-position: center;
    }
    #footer ul.social-icons li.auroratv a {
      margin: 10px;
    }

    /* Home Link Fix */
    #menu-left > a {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 100%;
    }

    #menu-left .city-name {
      margin-left: 15px;
    }

    @media screen and (max-width: 900px){
      #menu-left > a {
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
     }
     #menu-left .city-name {
      margin: 15px 0;
    }
  }

  /* Department sub nav */
/*.sub-nav-wrapper { display: none; }
.department-page .sub-nav-wrapper { display: block; }*/

/* Subpage Nav */
#subnav { 
  position: relative ;
  width: 100%;
}
.title-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#subpage .sub-nav-wrapper {
  right: auto;
}
.sub-nav-wrapper {
  margin: 0;
}
.sub-nav-wrapper:after {
  display: none;
}
@media screen and (max-width: 900px) {
  .title-top {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  #subnav {
    width: 100%;
  }

  .sub-nav-wrapper {
    right: auto;
    width: 100%;
    margin-bottom: 10px;
  }
}
#subnav div {
  padding: 0;
}

/* Header link */
.homepage-container .fl {
  display: none !important;
}

#header .fl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

#header .fl a {
  color: #fff;
}

/* Change quick links to flex box*/
.ql-container ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.ql-container ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ql-img {
 left: 0;
}

/* Google Translate Disclaimer */
div#google_translate_element {
  margin-bottom: 0;
}

div#select-lang > a {
  display: inline-block;
  padding: 5px 30px;
  font-size: 10px;
}

/* Search */
@media screen and (max-width: 900px){
  #searchPanel input.SearchTerm {
    width: 80vw !important;
    max-width: 330px;
  }
}

/* Megamenu */
.megamenu ul.second-level-list {
  max-height: 50vh;
  overflow-y: scroll;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.megamenu ul.second-level-list > li {
  width: 33.333%;
  width: calc(100%/3);
}

/* Escape Button */
.escape a {
    display: inline-block;
    padding: 10px 15px;
    background: #c60000;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}

.escape a:hover, .escape a:focus {
    background: #8B0000;
}

.escape {
    position: fixed;
    right: 0;
    top: 20%;
    z-index: 9999;
}

/* News Summary */
#news-summary .row .image {
    width: 12%;
}

/* Menu Fix */
.add-new-page #menubar {
    position: relative;
}

/* Subpage Mobile Menu Fix */
@media screen and (max-width: 960px){
#subpage .pageContent, #department-page .pageContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
}
}

/* Mobile Subpage Sidebar */
@media screen and (max-width: 900px){
.sideBar {
    padding: 10px 20px;
}
}

/* Banner pause z - index */
.nivo-startstopNav {
    z-index: 10 !important;
}

/* Subpage, Department Banner */
#subpage .bannerContainer , #department-page .bannerContainer {
    margin: 0 auto;
}

/* Google Search */
#ctl00_PageBody input.gsc-input {
    background: none !important;
    width: 370px !Important;
    color: #ffffff;
    line-height: 50px;
    height: 50px !important;
    padding: 10px !important;
}
#ctl00_PageBody .gsib_b {
    display: none;
}

#ctl00_PageBody .gsib_a {
    padding: 0;
}

#ctl00_PageBody .gsc-input-box {
    border: none;
    background: rgba(0, 0, 0, 0.4);
}

#ctl00_PageBody table.gsc-search-box td.gsc-input {
    padding: 0;
}

#ctl00_PageBody .gsc-search-button {
    margin: 0;
}

#ctl00_PageBody .gsc-search-button-v2 {
    background: #63B1BC;
    border: none;
    height: 50px;
    width: 50px;
    border-radius: 0;
    text-align: center;
    padding: 0;
}

#ctl00_PageBody .gsc-search-button-v2 svg {
    fill: #1d1d1d;
    height: 18px !important;
    width: 18px !important;
}

#ctl00_PageBody .gsc-search-button-v2:hover, .gsc-search-button-v2:focus {
    background: #5F259F !important;
}

#ctl00_PageBody .gsc-search-button-v2:hover svg, .gsc-search-button-v2:focus svg {
fill: #fff;
}

#ctl00_PageBody input.gsc-input::placeholder {
    color: #fff;
    font-style: italic;
}

@media screen and (max-width: 960px) {
#ctl00_PageBody input.gsc-input {
    width: 60vw !important;
    max-width: 280px;
}
}

/* Mobile Side Content */
@media screen and (max-width: 960px){
.sidebar-content {
    background: #F5F4F2;
    padding: 10px 20px;
}

.sidebar-content a {
    color: #1d1d1d;
    text-decoration: none;
}

.sidebar-content a:hover, .sidebar-content a:focus {
    text-decoration: underline;
}
}

.fa, .far, .fas {
    font-family: "Font Awesome 6 Pro" !important;
}

.code{
display:none;
}

#newsWrapper ul li {
    position: relative;
}

.documentItems .displayTable > div.bulletButton {
    color: #787676;
}

.megamenu .level1 > a {color: #4d4f50; font-size:1.2em}

  h1.pageTitle {
    font-weight: bold;
    font-size: 28px;
    color: #5F259F;
  }

.documentItems .displayTable > div.bulletButton {
    color: #787676 !important;
}

.sectionControls .slick-arrow:hover, .sectionControls .slick-arrow:focus {
    background: #5f249f;
}

/* Header Revisions */

.links-sm-container nav {
    display: inline-block;
    vertical-align: middle;
}

ul.header-links, ul.social-icons {
    width: 100%;
}

ul.header-links li {
    margin: 0 5px;
    padding: 0 10px;
}

ul.header-links a {
    letter-spacing: 0;
}

@media screen and (max-width: 900px) {
    .links-sm-container nav {
    display: block;
    text-align: center;
}

.links-sm-container {
    text-align: center;
    width: 100%;
}

.links-sm-container nav li {
    padding: 7px;
}
}

.documentListTitle .item.sortcolumn {
    padding: 5px;
}

.PO-mobileView .PO-listHeader ul li.documentListTitle .displayTable>div, .PO-documentContainer.PO-mobileView .documentItems .displayTable>div.sizeTime {
    display: table-cell;
}


h1.pageTitle {
    font-weight: bold;
    font-size: 28px;
    color: #5F259F;
}



/* Calendar next/previous month numbers color */

.CAL-V-MV-table td.CAL-V-MV-otherMonth .CAL-V-MV-day a {
 color: #767679;
}

.CAL-V-MV-table td.CAL-V-MV-otherMonth .CAL-V-MV-day {
    opacity: 1 !important;
}


.gs-webResult div.gs-visibleUrl {
    color: #037528 !important;
}

a.ST-button.ST-standard:hover, a.ST-button.ST-standard:focus {
    background: #2779B0 !important;
}

a.ST-button.ST-standard {
    background: #2779B0 !important;
}

body .goog-te-gadget {
    color: #fff;
}

.goog-te-gadget span {
    display: none !important;
}