/* ************************* */
/* FONT CONFIG */
/* ************************* */
/* FONT KEY
*
FONT-STYLE: NORMAL
100:
200:
300: Roboto-Light
400: Roboto-Regular, Roboto-Italic (ITALIC)
500: Roboto-Black
600:
700: Roboto-Bold
800: Roboto-BoldItalic
900: Roboto-Black
1000:
*
*/

/* 300: LIGHT */
@font-face{
    font-family: "Roboto";
    font-style: normal;
    font-weight: 300;
    src:url("../fonts/Roboto/Roboto-Light.eot?#iefix");
    src:url("../fonts/Roboto/Roboto-Light.eot?#iefix") format("eot"),url("../fonts/Roboto/Roboto-Light.woff2") format("woff2"),url("../fonts/Roboto/Roboto-Light.ttf") format("truetype");
}

/* 400: NORMAL */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400; /* Same as 'normal' */
    src:url("../fonts/Roboto/Roboto-Regular.eot?#iefix");
    src:url("../fonts/Roboto/Roboto-Regular.eot?#iefix") format("eot"),url("../fonts/Roboto/Roboto-Regular.woff2") format("woff2"),url("../fonts/Roboto/Roboto-Regular.ttf") format("truetype");
}

/* 400: ITALIC */
@font-face{
    font-family:"Roboto";
    font-weight: 400;
    font-style: italic;
    src:url("../fonts/Roboto/Roboto-Italic.eot?#iefix");
    src:url("../fonts/Roboto/Roboto-Italic.eot?#iefix") format("eot"),url("../fonts/Roboto/Roboto-Italic.woff2") format("woff2"),url("../fonts/Roboto/Roboto-Italic.ttf") format("truetype");
}

/* 500: CONDENSED */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    src:url("../fonts/Roboto/Roboto-Black.eot?#iefix");
    src:url("../fonts/Roboto/Roboto-Black.eot?#iefix") format("eot"),url("../fonts/Roboto/Roboto-Black.woff2") format("woff2"),url("../fonts/Roboto/Roboto-Black.ttf") format("truetype");
}

/* 700: BOLD */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700; /* Same as 'bold' */
    src:url("../fonts/Roboto/Roboto-Bold.eot?#iefix");
    src:url("../fonts/Roboto/Roboto-Bold.eot?#iefix") format("eot"),url("../fonts/Roboto/Roboto-Bold.woff2") format("woff2"),url("../fonts/Roboto/Roboto-Bold.ttf") format("truetype");
}

/* 800: BOLD CONDENSED */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 800;
    src:url("../fonts/Roboto/Roboto-BoldItalic.eot?#iefix");
    src:url("../fonts/Roboto/Roboto-BoldItalic.eot?#iefix") format("eot"),url("../fonts/Roboto/Roboto-BoldItalic.woff2") format("woff2"),url("../fonts/Roboto/Roboto-BoldItalic.ttf") format("truetype");
}

/* 900: BLACK */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    src:url("../fonts/Roboto/Roboto-Black.eot?#iefix");
    src:url("../fonts/Roboto/Roboto-Black.eot?#iefix") format("eot"),url("../fonts/Roboto/Roboto-Black.woff2") format("woff2"),url("../fonts/Roboto/Roboto-Black.ttf") format("truetype");
}

/* FONT CLASSES */
.roboto-light {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.roboto {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.roboto-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.roboto-condensed {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.roboto-bold {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.roboto-bold-condensed {
    font-family: "Roboto", sans-serif;
    font-weight: 800;
    font-style: normal;
}

.roboto-black {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-style: normal;
}

/* APPLY DEFAULT FONTS */
html, body {
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-style: normal;
}



/**** GLOBAL STYLES ******/

html {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    font: 16px/24px "Roboto", sans-serif;
}

.visually-hidden {
	position: absolute !important;
	overflow: hidden;
	clip: rect(1px,1px,1px,1px);
	width: 1px;
	height: 1px;
	word-wrap: normal;
}

/* Update link colour and body colour to be AA accessibility compliant */
a {
    color: hsl(215,92%,39%);
}
body {
    color: hsl(0,0%,0%);

    }
}
.layout-container {
    /*min-height: 100%;*/
    height: auto !important;
    height: 100%;
    padding: 0;
    flex: 1 0 auto;
}

.dialog-off-canvas-main-canvas {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.img-responsive {
    max-width: 100%;
    height: auto;
}

.uccs-gold-text {
    color: #CFB87B;
}

.uccs-black-text {
    color: #000000;
}

.uccs-grey-text {
    color: #BCBCBC;
}

.uccs-grey-text-mid {
    color: #8D8D8D;
}

.uccs-white-text {
    color: #FFFFFF;
}

.uccs-red-text {
    color: #db1a30;
}

.uccs-font-size-48 {
    font-size: 48px;
}

.uccs-font-size-40 {
    font-size: 40px;
}

.uccs-font-size-32 {
    font-size: 32px;
}

/****** HEADER STYLES *******/

#uccs-header-block {

    width: 100%;
    margin: 0;
    padding: 0;
}

#uccs-header-block .row {
    margin-left: 0;
    margin-right: 0;
    justify-content: space-between;
    flex-wrap:nowrap;
}


div#uccs-header-logo {
    text-align: left;
    padding: 15px 0;
}

div#uccs-header-logo .uccs-logo {
    height: 48px;
}

a#UCCSmobileMenuToggle {
    display: none;
}

/***** SEARCH BAR *********/

div#uccs-main-menu-utility-container {
    padding-bottom: 0.5em;
}

.UCCSsearchGroup {
    flex-direction: row-reverse;
}

@media screen and (min-width: 1200px) {

    .UCCSsearchGroup {
        flex-direction: row;
    }
}


#uccs-search-container .form-control:focus
{
    box-shadow: 0 0px 4px 0px rgba(0,0,0,0.15);
}

#uccs-search-container .btn:focus,
#uccs-search-container .btn.focus {
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.5);
}

button.uccs-search-btn {
    border-radius: 50%;
    padding: 0.45rem;
    background: #F3F3F3;
    box-shadow: 0 0px 4px 0px rgba(0,0,0,0.5);
    margin: 0 3px;
}

button.uccs-search-btn.active {
    background: #CFB87B;
}

button.uccs-search-btn:hover,
button.uccs-search-btn:focus {

}

input#UCCSsearchBox {
    border: none;
    border-bottom: 1px solid #0000001f;
    margin-right: 3px;
    border-radius: 0;
    /*opacity: 0;*/
}

/***** Site Title and Slogan ******/
.uccs-site-tile-container {
    margin: 0.75em auto;
}

.uccs-site-title {
    background: #EAEAEA;
    margin-bottom: 0.25em;
    border-top: 1px solid #DADADA;
    border-bottom: 1px solid #DADADA;
}

.uccs-site-title-row div#uccs-main-menu-utility-container {
    align-self: center;
    padding-bottom: 0;
}

.uccs-site-title-header {
    font-size: 1.75rem;
    font-weight: bolder;
    margin: 0;
    padding: 0.25em 0;
}

.uccs-site-slogan {
    margin: 0;
    padding-bottom: 0.5em;
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: bolder;
}

/**** MAIN MENU STYLES *****/

nav#UCCSmainNav {
    padding: 0.5em 0;
}

#UCCSmainNavContainer li.nav-item.main-menu-item {
    border-right: 1px solid #CACACA;
    padding-right: 0.25em;
}

.uccs-main-menu a {
    color: #616161;
    text-transform: uppercase;
    font-size: 16px;
}

.uccs-main-menu a.is-active, .uccs-main-menu a:hover {
    color: #222222;
}

a#uccs-home-button {
    color: #8d8d8d;
}

a#uccs-home-button:hover {
    color: #565a5c;
}

.navbar-nav .hovernav:hover > .dropdown-menu {
    display: block;
}

ul.dropdown-menu ul.navbar-nav {
    display: inline-block;
}

.dropdown-menu .nav-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    text-align: inherit;
    background-color: transparent;
    border: 0;
}

ul.dropdown-menu.uccs-other-dropdown-menu {
    right: 2rem;
    left: -2rem;
    border: none;
    background: #222;
    border-radius: 0px;
    box-shadow: 0px 4px 4px 8px rgba(220,220,220,0.3);
}

div#uccs-utility-menu-container {
    padding-top: 0.5em;
}

.uccsUtilityMenuOnly {
    align-items: flex-end;
    flex-direction: column;
}

.uccs-util-menu-row {
    min-height: 0.5em;
}

div#uccs-header-utility-menu {
    display: none;
    position: absolute;
    z-index: 10;
    max-width: 350px;
    max-width: fit-content;
    right: 0;
}

.uccs-utility-menu .nav-item:hover {
    background: #565a5c;
}

.uccs-utility-menu a.nav-link {
    color: #eee;
    padding: 0.5em 1em;
    max-width: 200px;
}

.uccs-util-navbar {
    float: right;
    margin-right: 0;
}

.util-menu-toggle-button {
    color: #757575;
    padding: 1em;
    white-space: nowrap;
}

.util-menu-toggle-button:hover {
    cursor: pointer;
}

ul.uccs-utility-menu {
    flex-direction: column;
    background: black;
    padding: 1em 0;
    box-shadow: 0 2px 4px 2px rgba(0,0,0,0.35);
}

/****** SECONDARY MENU STYLES ********/

#UCCSsecondaryNav {
    line-height: 1em;
}

li.secondary-menu-item a {
    color: #222222;
    font-size: 13px;
}

li.secondary-menu-item a:hover {
    color: black;
    text-shadow: 0 0 1px #CFB87B;
}

/* li.secondary-menu-item a[href="https://www.uccs.edu/give"] {
    color: black;
    background: #eaeaea;
    border-radius: 8px;
    margin-right: 2px;
} */

li.secondary-menu-item-grey a {
    color: black;
    background: #eaeaea;
    border-radius: 8px;
    margin-right: 2px;
    font-size: 13px;
}

/* li.secondary-menu-item a:hover[href="https://www.uccs.edu/give"] {
    background: #CACACA;
} */
li.secondary-menu-item-grey a:hover {
    background: #CACACA;
}

li.secondary-menu-item a[href="https://www.uccs.edu/applynow"] {
    color: #000000;
    font-weight: normal;
    background: #CFB87B;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

li.secondary-menu-item a:hover[href="https://www.uccs.edu/applynow"] {
    color: #222;
    background: #E2CB8D;
    text-shadow: 0 0 2px rgba(10,0,0,0.2);
    text-decoration: none;
}

#UCCSsecondaryNavMobile li.secondary-menu-item a {
    color: #000000;
    background: #CCCCCC;
    border-radius: 8px;
    padding: 1px;
}

div#uccs-header-secondary-menu-mobile {
    display: none;
}

#UCCSsecondaryNavMobile li.secondary-menu-item {
    margin: 1em 0;
}

#UCCSsecondaryNavMobile li.secondary-menu-item:first-of-type {
    margin: 0;
}

#UCCSsecondaryNavMobile li.secondary-menu-item-grey a {
    background: #EBDDBD;
}

/* #UCCSsecondaryNavMobile li.secondary-menu-item a[href="https://www.uccs.edu/give"] {
    background: #EBDDBD;
} */

#UCCSsecondaryNavMobile li.secondary-menu-item a[href="https://www.uccs.edu/apply"] {
    background: #CFB87B;
}

/***** JUMBO NAVIGATIONS *******/

.nav-home-icon {
    align-self: center;
}

#uccs-main-menu-container {
    padding: 0;
    margin: 0;
}

nav#UCCSJumboNavLinks {
    padding: 0;
}

#UCCSjumboNavContainer {
    margin: 0;
    padding: 0;
    max-width: 100%;
    width: 100%;
    overflow: hidden;
}

a.jumbo-link-toggle {
    color: #757575;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 15px;
}

a.jumbo-link-toggle:hover {
    color: black;
}

a.jumbo-link-toggle.active {
    color: #222222;
}

span.jumbo-link-toggle-icon {
    display: none;
}

.jumbo-navigation-container {
    display: none;
}

.jumbo-navigation-container.active {
    width: 100%;
    background: #EBEBEB;
    text-align: left;
    padding: 0.5em 0;
}

.jumbo-nav-title {
    max-width: 100%;
    overflow: hidden;
}

.uccs-jumbo-nav-container {
    min-height: 360px;
    padding: 0;
}

.uccs-jumbo-nav-menu {
    display: flex;
    flex-direction: row;
    padding: 0;
    margin: 0;
    /*min-height: 351px;*/
}

.uccs-jumbo-nav-submenu {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    flex-grow: 1;
    max-width: 250px;
}
.uccs-jumbo-nav-submenu .uccs-jumbo-nav-submenu {
    border-right: 1px solid #d8d8d8;
    /*noinspection CssInvalidPropertyValue*/
    min-height: -moz-fit-content;
    min-height: fit-content;
    padding-left: 0.5em;
}

.uccs-jumbo-nav-menu .uccs-jumbo-nav-submenu:last-of-type .uccs-jumbo-nav-submenu {
    border: none;
}

.jumbo-navigation-container>ul.uccs-jumbo-nav-menu {flex-direction: row;list-style: none;padding: 0;margin: 0;}

span.uccs-jumbo-fa-layer {
    margin-right: 1em;
    float: right;
}

span.uccs-jumbo-hero-link {
    max-width: 70%;
    float: left;
}

a.jumbo-link {
    color: #000000;
    padding: 0.25em;
    margin: 0.25em 0;
    text-decoration: none;
}

a.jumbo-link.bold {
    font-weight: bold;
}
jumbo-nav-link-fa {
    background: #CFB87B;
}
a.jumbo-link.bold span.fa-layers {
    float: right;
    margin-right: 1em;
    margin-top: 0.25em;
}

a.jumbo-link:hover {
    background: white;
}

/***** JUMBO NAV CTA BUTTONS *******/

.uccs-jumbo-nav-cta-block {
    float: right;
    height: auto;
    display: none;
    max-width: 280px;
    text-align: center;
    z-index: 10;
}

@media screen and (min-width: 1200px) {

    .uccs-jumbo-nav-cta-block {
        margin-top: -365px;
    }
}

.uccs-jumbo-nav-cta-button {
    width: 280px;
    height: 175px;
    display: inline-block;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    border-radius: 4px 0 0 4px;
    margin-top: 2px;
}

a:hover .uccs-jumbo-nav-cta-button {
    box-shadow: 0 0 2px 2px rgba(0,0,0,0.2);
}

.uccs-jumbo-nav-cta-button img {
    display: none;
}


.uccs-main-menu-cta-link {
    background: #CFB87B;
    padding: 0.2em 2em;
    text-transform: uppercase;
    color: black;
    border-radius: 4px;
    font-size: 14px;
    margin-top: 1em;
    display: inherit;
}

.uccs-main-menu-cta-icon {
    margin-top: 40px;
}

/******* Sidebar Menu ********/
.uccs-sidebar-flyout {
    position: absolute;
    min-height: 100vh;
    background: rgba(255,255,255,0.95);
    width: 30vw;
    padding: 1em;
    z-index: 100;
    display: none;
}

.uccs-sidebar-toggle {
    position: absolute;
    background: rgba(255,255,255,0.95);
    color: #333333;
    padding: 0.75em;
    z-index: 100;
}

.uccs-sidebar-flyout.uccs-left-col {
    left: 0;
    box-shadow: 2px 2px 2px 2px rgba(20,20,20,0.2);
}

.uccs-sidebar-flyout.uccs-left-col>.uccs-main-menu,
.uccs-sidebar-flyout.uccs-left-col>.uccs-sidebar-menu {
    margin-left: 3em;
    margin-right: auto!important;
}

.uccs-sidebar-toggle.uccs-sidebar-toggle-left {
    border-radius: 0 4px 4px 0;
}

.uccs-sidebar-toggle.uccs-sidebar-toggle-right {
    border-radius: 4px 0 0 4px;
    right: 0;
}

.uccs-sidebar-flyout.uccs-right-col {
    right: 0;
    box-shadow: -2px 2px 2px 2px rgba(20,20,20,0.2);
}

.uccs-sidebar-flyout.uccs-right-col>.uccs-main-menu,
.uccs-sidebar-flyout.uccs-right-col>.uccs-sidebar-menu {
    margin-right: 3em;
}

.uccs-sidebar {
    padding: 1em 2em;
}

.uccs-sidebar.uccs-sidebar-dark {
    background: black;
}

.uccs-sidebar-dark .uccs-main-menu a {
    color: #FAFAFA;
}

.uccs-sidebar-dark .uccs-main-menu a#uccs-home-button {
    color: #F0F0F0;
}

.uccs-sidebar-dark .uccs-main-menu a:hover {
    color: #9b9b9b;
}

.uccs-sidebar-dark .uccs-main-menu a#uccs-home-button:hover {
    color: #9b9b9b;
}

.uccs-sidebar>.uccs-sidebar-menu {
    box-shadow: 0 0 6px rgba(0,0,0,0.3);
    margin-bottom: 2em;
}
.uccs-sidebar-menu {
    background: #f3f3f3;
    padding: 0.5em 0.5em 1em;
    border-radius: 2px;
}

.uccs-sidebar-menu a.nav-link:hover,
.uccs-sidebar-menu a.nav-link.is-active {
    color: #222222;
    background: white;
}

.uccs-sidebar-menu a.nav-link {
    color: #5a5a5a;
}

li.sidebar-menu-dropdown > a.nav-link {
    width: 80%;
    float: left;
}

li.sidebar-menu-dropdown a.uccs-dropdown-toggle {
    color: #5a5a5a;
    padding: 0 1em;
}

div.uccs-sidebar-dropdown-menu ul.uccs-sidebar-menu.nav.flex-column {
    display: none;
}

div.uccs-sidebar-dropdown-menu.active ul.uccs-sidebar-menu.nav.flex-column {
    display: block;
}


/******* Row Menu ********/
/* Subtract .75rem to compensate for different base pixel size. */
/* Fix various link focus states */
.uccs-subnav-row-nav-item-link:focus,
.uccs-primary-nav-item-link:focus,
.uccs-subnav-row-nav-item-dropdown-item:focus,
.uccs-primary-nav-item-dropdown-item:focus,
.uccs-subnav-row-nav-menu-dropdown-parent-item:focus,
.uccs-primary-nav-menu-dropdown-parent-item:focus,
.uccs-subnav-row-nav-menu-dropdown-parent-button:focus,
.uccs-primary-nav-menu-dropdown-parent-button:focus,
.uccs-subnav-row-nav-menu-dropdown-item-child-dropdown-link:focus,
.uccs-primary-nav-menu-dropdown-item-child-dropdown-link:focus {
  outline        : none;
  color          : #000000;
  text-decoration: none;
}

div#uccs-primary-nav-block .container {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

div#UCCSmainNavContainer {
    width: 100%;
}

.uccs-primary-nav-item-container a#uccs-home-button {
    font-size: 18px;
}

#uccs-subnav-row-block, #uccs-primary-nav-block {
  width      : 100%;
  margin: .77rem 0 0.77rem 0;
  /* Position and z index fix hover navs underlying content */
  position: relative;
  z-index: 400;
}
#uccs-primary-nav-block {
    z-index: 444 !important;
    margin: 0 0 0 0 !important;
}
@media (max-width: 576px) {
  #uccs-subnav-row-block, #uccs-primary-nav-block {
    margin-top: 1rem;
  }
}
.uccs-subnav-row-container {
  -webkit-box-shadow      : 0px 5px 40px -6px #5f5f5f2e;
  box-shadow      : 0px 5px 40px -6px #5f5f5f2e;
  border: .3px solid #EAEAEA;
  border-left: none;
}

.uccs-primary-nav-container {

}

.uccs-subnav-row-title-container, .uccs-primary-nav-title-container {
  display: block;
  position: relative;
}
.uccs-subnav-row-title, .uccs-primary-nav-title {
  margin   : 0 0 0 0;
  padding: .35rem 1.25rem .35rem 1.25rem;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 700;
  background-color: #F7F7F7;
}
.uccs-subnav-row-nav, .uccs-primary-nav {
  background-color: #FFFFFF;
  border-radius   : 0 2.5px 2.5px 0;
  font-size       : 14px;
  line-height     : 16px;
  display         : -webkit-box;
  display         : -ms-flexbox;
  display         : flex;
  -webkit-box-orient  : horizontal;
  -webkit-box-direction  : normal;
  -ms-flex-direction  : row;
  flex-direction  : row;
  position        : relative;
  /*  Hardware acceleration for animation  */
  -webkit-transform       : perspective(0px) translateZ(0);
  transform       : perspective(0px) translateZ(0);
}
.uccs-primary-nav {
    text-transform: uppercase;
    font-size: 15px !important;
    line-height: 36px !important;
    width: 100%;
}
.uccs-subnav-row-nav-accent, .uccs-primary-nav-accent {
  position                  : absolute;
  z-index                   : 1;
  width                     : 3px;
  height                    : 100%;
  bottom                    : 0;
  background-color          : #CFB87C;
  /* Animate accent */
  -webkit-transition-property       : all;
  -o-transition-property       : all;
  transition-property       : all;
  -webkit-transition-duration       : 0.3s;
  -o-transition-duration       : 0.3s;
  transition-duration       : 0.3s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.uccs-primary-nav-accent {
    /* background-color: #A2A4A3 !important; */
    background-color: unset !important;
}

.uccs-subnav-row-nav-accent-static, .uccs-primary-nav-accent-static {
  position                  : absolute;
  z-index                   : 1;
  width                     : 3px;
  height                    : 100%;
  bottom                    : 0;
  background-color          : #CFB87C;
}
.uccs-primary-nav-accent-static {
    background-color: #A2A4A3 !important;
}

.uccs-subnav-row-nav-item-container, .uccs-primary-nav-item-container {
  /* Position relative needed for dropdown absolute positioning */
  position: relative;
}
/* Adds styles to parent of dropdown when children are hovered */
.uccs-subnav-row-nav-item-container:hover .uccs-subnav-row-nav-item-link {
  color          : #000000;
  text-decoration: none;
  cursor         : pointer;
}

.uccs-primary-nav-item-container:hover .uccs-primary-nav-item-link {
    color: #000000 !important;
    text-decoration: none;
    cursor         : pointer;
}


.uccs-subnav-row-nav-item-link, .uccs-primary-nav-item-link {
  display  : -webkit-box;
  display  : -ms-flexbox;
  display  : flex;
  position : relative;
  padding  : .62rem 1.25rem;
  color    : #757575;
  /*  Hardware acceleration for animation  */
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  white-space: nowrap;
}

.uccs-primary-nav-item-link {
    /* padding: 0.62rem 0.5rem !important; */
    padding: 2px 0.5rem !important;
    color          : #757575 !important;
}

/* Create gold underline */
.uccs-subnav-row-nav-item-link::before, .uccs-primary-nav-item-link::before {
  content                   : "";
  position                  : absolute;
  z-index                   : 1;
  bottom                    : 0;
  left                      : 0;
  right                     : 100%;
  height                    : 2px;
  background-color          : #CFB87C;
  -webkit-transition-property       : right;
  -o-transition-property       : right;
  transition-property       : right;
  -webkit-transition-duration       : 0.3s;
  -o-transition-duration       : 0.3s;
  transition-duration       : 0.3s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.uccs-primary-nav-item-link::before {
    background-color: #A2A4A3 !important;
}

/* Use 'right' property to animate left-to-right */
.uccs-subnav-row-nav-item-container:hover .uccs-subnav-row-nav-item-link::before, .uccs-primary-nav-item-container:hover .uccs-primary-nav-item-link::before {
  right: 0;
}
/* Nav item dropdown icon */
.uccs-subnav-row-nav-item-link-sort-down {
  margin: 0 0 0 .22rem;
}

.uccs-primary-nav-item-link-sort-down {
    margin: 8px 0 0 .22rem !important;
}

.uccs-subnav-row-nav-item-dropdown-container, .uccs-primary-nav-item-dropdown-container {
  display         : none;
  -webkit-box-orient  : vertical;
  -webkit-box-direction  : normal;
  -ms-flex-direction  : column;
  flex-direction  : column;
  position        : absolute;
  background-color: #fff;
  min-width       : 15.6rem;
  -webkit-box-shadow      : 0px 2px 5px -2.5px rgba(0, 0, 0, 0.3);
  box-shadow      : 0px 2px 5px -2.5px rgba(0, 0, 0, 0.3);
  z-index         : 1;
}
.uccs-subnav-row-nav-item-container:hover .uccs-subnav-row-nav-item-dropdown-container, .uccs-primary-nav-item-container:hover .uccs-primary-nav-item-dropdown-container {
  /* Show dropdown container on item hover */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.uccs-subnav-row-nav-item-container:focus-within .uccs-subnav-row-nav-item-dropdown-container, .uccs-primary-nav-item-container:focus-within .uccs-primary-nav-item-dropdown-container {
  /* Show dropdown container on keyboard focus */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.uccs-subnav-row-nav-item-dropdown-item, .uccs-primary-nav-item-dropdown-item {
  display   : -webkit-box;
  display   : -ms-flexbox;
  display   : flex;
  padding   : .62rem 1.25rem;
  color     : #757575;
  border-top: 0.3px solid #E1E1E1;
}
.uccs-primary-nav-item-dropdown-item {
    padding   : 4px 1.25rem !important;
}

.uccs-subnav-row-nav-item-dropdown-item:hover, .uccs-primary-nav-item-dropdown-item:hover {
  color          : #000000;
  text-decoration: none;
}

/* ------------------- */
/* HORIZONTAL TOUCH MENU */
/* Handle Touchscreen detection */
/* Will hide the 'normal' hover based menu and replace with touch friendly menu */
/* Normally hide the touch friendly menu */
.uccs-subnav-row-nav-item-container.row-menu-touch, .uccs-primary-nav-item-container.primary-menu-touch {
  display: none;
}
/* Primary device input has no hover and no fine input (like a mouse) */
@media(hover: none) and (pointer: coarse) {
  .uccs-subnav-row-nav-item-container, .uccs-primary-nav-item-container {
    display: none;
  }
  .uccs-subnav-row-nav-item-container.row-menu-touch, .uccs-primary-nav-item-container.primary-menu-touch {
    display: block;
    /* background-color: red; */
  }
}
.uccs-subnav-row-nav-touch-parent, .uccs-primary-nav-touch-parent {
  display       : -webkit-box;
  display       : -ms-flexbox;
  display       : flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* position      : relative; */
  white-space: nowrap;
}
.uccs-subnav-row-nav-touch-parent-dropdown, .uccs-primary-nav-touch-parent-dropdown {
  display           : -webkit-box;
  display           : -ms-flexbox;
  display           : flex;
  /* position          : absolute; */
  -webkit-box-pack   : center;
  -ms-flex-pack   : center;
  justify-content   : center;
  -webkit-box-align       : center;
  -ms-flex-align       : center;
  align-items       : center;
  width             : 2.5rem;
  /* top               : 0;
  bottom            : 0;
  right             : 0; */
  color             : #757575;
  cursor            : pointer;
  /* border-top     : 0.3px solid #ffffff; */
  /* box-shadow        : 0px 0px 5px 0px rgba(0, 0, 0, 0.10) inset; */
  background-color: #f7f7f7;
  border-top: 0.3px solid #E1E1E1;
}
.uccs-subnav-row-nav-item-link.item-link-touch, .uccs-primary-nav-item-link.item-link-touch {
  padding-right: .5rem;
}
/* END HORIZONTAL TOUCH MENU */
/* ------------------- */

/* ------------------- */
/* MENU BUTTON AND COLLAPSED NAV */
.uccs-subnav-row-nav-menu-button, .uccs-primary-nav-menu-button {
  /* Pulls item to the right of the nav menu */
  margin-left: auto;
  display: none;
}
/* Text Fade Out Effect */
.uccs-subnav-row-nav-menu-fade-effect, .uccs-primary-nav-menu-fade-effect {
  position: absolute;
  z-index : 20;
  width   : 75%;
  height  : 100%;
  right   : 100%;
  background-image: -webkit-gradient(linear,
  left top, right top,
  from(rgba(255, 255, 255, 0)),
  color-stop(75%, rgba(255, 255, 255, 1)));
  background-image: -o-linear-gradient(left,
  rgba(255, 255, 255, 0),
  rgba(255, 255, 255, 1) 75%);
  background-image: linear-gradient(to right,
  rgba(255, 255, 255, 0),
  rgba(255, 255, 255, 1) 75%);
  /*  pointer-events allows the mouse to go-past this div like it's not there  */
  pointer-events: none;
}
.uccs-subnav-row-nav-menu-button-link, .uccs-primary-nav-menu-button-link {
  background-color: #f7f7f7;
  /* border-top: 1px solid #FFFFFF; */
  box-shadow: 0 1px #FFFFFF inset;
}
.uccs-subnav-row-nav-item-link-arrow-down {
  margin: .125rem 0 0 .25rem;
  font-size: 12px;
}

.uccs-primary-nav-item-link-arrow-down {
    margin: 13px 0 0 .25rem !important;
    font-size: 12px;
}

.rotate-icon-down {
  -webkit-animation: rotate-icon-down-animate 800ms cubic-bezier(.08,.82,.17,1);
  animation: rotate-icon-down-animate 800ms cubic-bezier(.08,.82,.17,1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotate-icon-down-animate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
@keyframes rotate-icon-down-animate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
.rotate-icon-up {
  -webkit-animation: rotate-icon-up-animate 800ms cubic-bezier(.08,.82,.17,1);
  animation: rotate-icon-up-animate 800ms cubic-bezier(.08,.82,.17,1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotate-icon-up-animate {
  0% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes rotate-icon-up-animate {
  0% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.rotate-icon-45-right {
  -webkit-animation: rotate-icon-45-right 500ms cubic-bezier(.08,.82,.17,1);
  animation: rotate-icon-45-right 500ms cubic-bezier(.08,.82,.17,1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotate-icon-45-right {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
@keyframes rotate-icon-45-right {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
.rotate-icon-45-right-undo {
  -webkit-animation: rotate-icon-45-right-undo 500ms cubic-bezier(.08,.82,.17,1);
  animation: rotate-icon-45-right-undo 500ms cubic-bezier(.08,.82,.17,1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotate-icon-45-right-undo {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes rotate-icon-45-right-undo {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.uccs-subnav-row-nav-menu-dropdown, .uccs-primary-nav-menu-dropdown {
  z-index         : 100;
  position        : absolute;
  min-width       : 15.6rem;
  -webkit-box-shadow      : 0px 2px 5px -2px rgba(0, 0, 0, 0.2);
  box-shadow      : 0px 2px 5px -2px rgba(0, 0, 0, 0.2);
  right           : 0;
  background-color: #fff;
}
.uccs-primary-nav-menu-dropdown {
    z-index: 111 !important;
}
/* Hide menu dropdown initially. Toggled with JS. */
.uccs-subnav-row-nav-menu-dropdown-hidden, .uccs-primary-nav-menu-dropdown-hidden {
  display: none;
}
.uccs-subnav-row-nav-menu-dropdown-item-container {
  /* Not used */
}
.uccs-subnav-row-nav-menu-dropdown-item-parent, .uccs-primary-nav-menu-dropdown-item-parent {
  display       : -webkit-box;
  display       : -ms-flexbox;
  display       : flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  position      : relative;
}
.uccs-subnav-row-nav-menu-dropdown-parent-item, .uccs-primary-nav-menu-dropdown-parent-item {
  display    : -webkit-box;
  display    : -ms-flexbox;
  display    : flex;
  -webkit-box-flex  : 1;
  -ms-flex-positive  : 1;
  flex-grow  : 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* Width of the plus (+) button for dropdown is 4rem, padding right is to compensate */
  padding    : .62rem 2.8rem .62rem 1.25rem;
  color      : #757575;
  border-top : 0.3px solid #E1E1E1;
}
.uccs-primary-nav-menu-dropdown-parent-item {
    padding    : 4px 2.8rem 4px 1.25rem !important;
}

.uccs-subnav-row-nav-menu-dropdown-parent-item:hover, .uccs-primary-nav-menu-dropdown-parent-item:hover {
  color          : #000000;
  text-decoration: none;
}
.uccs-subnav-row-nav-menu-dropdown-parent-button, .uccs-primary-nav-menu-dropdown-parent-button {
  display           : -webkit-box;
  display           : -ms-flexbox;
  display           : flex;
  position          : absolute;
  -webkit-box-pack   : center;
  -ms-flex-pack   : center;
  justify-content   : center;
  -webkit-box-align       : center;
  -ms-flex-align       : center;
  align-items       : center;
  width             : 2.5rem;
  top               : 0;
  bottom            : 0;
  right             : 0;
  color             : #757575;
  cursor            : pointer;
  /* border-top     : 0.3px solid #ffffff; */
  /* box-shadow        : 0px 0px 5px 0px rgba(0, 0, 0, 0.10) inset; */
  background-color: #f7f7f7;
  border-top: 0.3px solid #E1E1E1;
}
/* Hide nested  menu dropdown. Toggled with JS. */
.uccs-subnav-row-nav-menu-dropdown-item-container-dropdown, .uccs-primary-nav-menu-dropdown-item-container-dropdown {
  display: none;
}
.uccs-subnav-row-nav-menu-dropdown-item-child-dropdown, .uccs-primary-nav-menu-dropdown-item-child-dropdown {
  background-color: #f7f7f7;
}
.uccs-subnav-row-nav-menu-dropdown-item-child-dropdown-hidden, .uccs-primary-nav-menu-dropdown-item-child-dropdown-hidden {
  display: none;
}
.uccs-subnav-row-nav-menu-dropdown-item-child-dropdown-link, .uccs-primary-nav-menu-dropdown-item-child-dropdown-link {
  display   : -webkit-box;
  display   : -ms-flexbox;
  display   : flex;
  padding   : .62rem 1.25rem .62rem 2.5rem;
  color     : #757575;
  border-top: 0.3px solid #E1E1E1;
}
.uccs-primary-nav-menu-dropdown-item-child-dropdown-link {
    padding: 4px 1.25rem 4px 2.5rem !important;
}

.uccs-subnav-row-nav-menu-dropdown-item-child-dropdown-link:hover, .uccs-primary-nav-menu-dropdown-item-child-dropdown-link:hover {
  color          : #000000;
  text-decoration: none;
}
.uccs-subnav-row-nav-menu-dropdown-item-container:hover .uccs-subnav-row-nav-menu-dropdown-parent-item, .uccs-primary-nav-menu-dropdown-item-container:hover .uccs-primary-nav-menu-dropdown-parent-item {
  color: #000000;
}
.uccs-subnav-row-nav-menu-dropdown-parent-button:hover, .uccs-primary-nav-menu-dropdown-parent-button:hover {
  color: #000000 !important;
}
/* END MENU BUTTON AND COLLAPSED NAV */
/* ------------------- */
/******* END Row Menu ********/


/* PAGE */
.uccs-page-content {
    margin: 1rem 0 2rem 0;
}
/* END PAGE */


/******* Breadcrumbs ********/
.uccs-breadcrumb {
    margin: 0 0 1em 0;
    background: transparent;
    border-radius: 0;
    float: left;
    padding: 0 0 0.25em 1.75em;
    font-weight: bolder;
    list-style: none;
    width: fit-content;
}

.uccs-breadcrumb nav {
    margin: 0 auto;
    padding: 5px;
    font-size: 15px;
}

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

.uccs-breadcrumb li {
    padding: 5px;
    float: left;
}

.uccs-breadcrumb a {
    color: #565a5c;
}

.uccs-breadcrumb li + li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}

/**** Local Tasks *****/

.uccs-local-tasks {
    position: fixed;
    z-index: 100;
    left: 0;
}

ul.uccs-local-tasks-ul {
    list-style: none;
}

ul.uccs-local-tasks-ul li {
    background: transparent;
    text-align: center;
    /*padding-right: 1em;*/
    padding-top: 0.5em;
    border-radius: 8px 8px 0 0;
    border: 1px solid #0077C0;
    border-bottom: none;
}

ul.uccs-local-tasks-ul li a {
    color: #0077C0;
}

ul.uccs-local-tasks-ul ul {
    list-style: none;
    background: transparent;
    width: fit-content;
    padding: 0 1em 1em 1em;
    z-index: 100;
    border-radius: 0 0 8px 8px;
    margin-top: -0.5em;
    border: 1px solid #0077C0;
    border-top: none;
}

ul.uccs-local-tasks-ul:hover ul,
ul.uccs-local-tasks-ul:hover li {
    background: #d8d8d8;
}

ul.uccs-local-tasks-ul ul li a {
    color: #0077C0;
}

ul.uccs-local-tasks-ul ul li {
    margin: 0.5em;
    border: none;
}

/* Leo was here: added this css rule to hide the left tasks buttons */
.uccs-local-tasks {
  display: none;
}



/**** BUTTONS ********/

.uccs-button-primary1  {
    background: #CFB87B;
    padding: 0.5em 2em;
    font-size: 18px;
    border-radius: 4px;
    color: black;
    text-transform: uppercase;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.5);
}

/* --- Thin Buttons --- */
.uccsBlueButtonThin {
    padding-bottom: 5px;
    margin-top: 20px;
    padding-left: 0;
    padding-right: 0;
    border: solid transparent;
}

a.uccsBlueButtonThin {
    background-color: #007bc8;
    border: 1px solid #007bc8;
    color: white;
    font-size: 21px;
    display: block;
    padding: 6px;
    text-align: center;
    border-radius: 4px;
}

a.uccsBlueButtonThin:hover {
    color: white;
    background-color: hsl(203, 100%, 33%);
    text-decoration: none;
}

.uccsGoldButtonThin {
    padding-bottom: 5px;
    margin-top: 20px;
    padding-left: 0;
    padding-right: 0;
    border: solid transparent;
}

a.uccsGoldButtonThin {
    background-color: #cfb87c;
    border: solid 1px #cfb87c;
    color: #000;
    font-size: 21px;
    display: block;
    padding: 6px;
    text-align: center;
    border-radius: 4px;
}

a.uccsGoldButtonThin:hover {
    background-color: #dbca9e;
    color: #000;
    text-decoration: none;
}

.uccsDarkButtonThin {
    padding-bottom: 5px;
    margin-top: 20px;
    padding-left: 0;
    padding-right: 0;
    border: solid transparent;
}

a.uccsDarkButtonThin {
    background-color: #262626;
    border: solid 1px #262626;
    color: #fff;
    font-size: 21px;
    display: block;
    padding: 6px;
    text-align: center;
    border-radius: 4px;
}

a.uccsDarkButtonThin:hover {
    background-color: #333;
    color: #fff;
    text-decoration: none;
}

.uccsLightButtonThin {
    padding-bottom: 5px;
    margin-top: 20px;
    padding-left: 0;
    padding-right: 0;
    border: solid transparent;
}

a.uccsLightButtonThin {
    background-color: #b5b5b5;
    border: solid 1px #919191;
    color: #000;
    font-size: 21px;
    display: block;
    padding: 6px;
    text-align: center;
    border-radius: 4px;
}

a.uccsLightButtonThin:hover {
    background-color: #919191;
    color: #000;
    text-decoration: none;
}

/* --- CTA Buttons --- */
.CTABlueButton {
    min-width: 10em;
    width: 85%;
    height: 2em;
    font-size: 1.5em;
    padding: 0.25em 1em;
    white-space: nowrap;
    border-radius: 4px;
    display: block;
    margin: 20px auto 0 auto;
    background: #007bc8;
    border: 1px solid #007bc8;
    line-height: 1.5em;
    text-align: center;
    color: #fff;
}

.CTABlueButton:hover {
    color: #fff;
    text-decoration: none;
    background-color: #0068a8;
}

.CTAGoldButton {
    min-width: 10em;
    width: 85%;
    height: 2em;
    font-size: 1.5em;
    padding: 0.25em 1em;
    white-space: nowrap;
    border-radius: 4px;
    display: block;
    margin: 20px auto 0 auto;
    background: #cfb87b;
    border: solid 1px #cfb87c;
    line-height: 1.5em;
    text-align: center;
    color: black;
}

.CTAGoldButton:hover {
    color: black;
    text-decoration: none;
    background: #dbca9e;
}

.CTALightButton {
    min-width: 10em;
    width: 85%;
    height: 2em;
    font-size: 1.5em;
    padding: 0.25em 1em;
    white-space: nowrap;
    border-radius: 4px;
    display: block;
    margin: 20px auto 0 auto;
    background-color: #b5b5b5;
    border: solid 1px #919191;
    line-height: 1.5em;
    text-align: center;
    color: black;
}

.CTALightButton:hover {
    color: black;
    text-decoration: none;
    background: #919191;
}

.CTADarkButton {
    min-width: 10em;
    width: 85%;
    height: 2em;
    font-size: 1.5em;
    padding: 0.25em 1em;
    white-space: nowrap;
    border-radius: 4px;
    display: block;
    margin: 20px auto 0 auto;
    background-color: #262626;
    border: solid 1px #262626;
    line-height: 1.5em;
    text-align: center;
    color: #fff;
}

.CTADarkButton:hover {
    color: #fff;
    text-decoration: none;
    background-color: #333;
}

/**** FOOTER STYLES *****/

div.scrollTop {
    display: none;
    color: #222222;
    background: rgba(207, 184, 123, 0.5);
    position: fixed;
    right: 10%;
    padding: 0.25em 1em;
    border-radius: 4px;
    z-index: 20;
    bottom: 20%;
}
div.scrollTop:hover {
    background: #CFB87B;
}

footer {
    width: 100%;
    margin: 0;
    padding: 0;
    background: #000;
    display: inline-block;
    height: auto;
}

.uccs-footer-main-content {
    display: flex;
    flex-direction: column;
}

.uccs-footer-content-container {
    flex-direction: row;
}

.uccs-footer-global-nav-section {
    padding: 0;
}

#UCCSfooterGlobNavOne {
    float: right;
}

#UCCSfooterGlobNavTwo {
    float: left;
}


.uccs-footer-content-block {
    background: #333333;
    /*noinspection CssInvalidPropertyValue*/
    max-width: -moz-fit-content;
    max-width: fit-content;
    border-radius: 0 0 4px 4px;
    padding: 1em;
    margin: 0;
    font-size: 16px;
    color: white;
    font-weight: 200;
}

.uccs-footer-content-block a {
    color: #EBDDBD;
}

hr.uccs-footer-hr {
    background-color: #a2a4a3;
    margin-bottom: 1rem;
}

.uccs-footer-global-nav.navbar-nav {
    flex-direction: row;
    margin: auto;
}

.uccs-footer-global-nav a.nav-link {
    color: #e4e4e4;
    padding: 0 5px;
    font-size: 12px;
    white-space: nowrap;
}

.uccs-footer-global-nav a.nav-link:hover {
    color: #9b9b9b;
}

.uccs-footer-logo-container {
    color: #d0d0d0;
    background-color: #000000;
}

.uccs-footer-logo-main img {
    margin-left: 15px;
}

.uccs-footer-logo-system img {
    margin-right: 15px;
    float: right;
}

.uccs-copyright-msg {
    color: #d0d0d0;
    font-size: 12px;
}

.uccs-social-media-nav-container {
    margin-top: 1em;
    margin-bottom: -2em;
    /***** To Do : get rid of the negative margins!!!! ******/
}

.uccs-social-media-nav {
    display: flex;
    align-items: flex-end;
}

ul.menu.social-media.navbar-nav.navbar-social {
    flex-direction: row;
    flex-wrap: wrap;
}

li.social-media-item.menu-item {
    height: 4em;
}

a.uccs-social-link {
    color: #CFB87B;
    text-decoration: none;
    padding: 1.5em 0.75em 0.75em 0.75em;
    border-radius: 3px;
    background-color: #000000;
    margin: 2px;
    text-align: center;
    width: 1.5em;
    border: 1px solid #000000;
}

a.uccs-social-link:hover {
    color: white;
    background-color: #CFB87B;
    border: 1px solid;
}

a.uccs-twitter-link:hover {
    background: #55acee;
    color: #FFF;
    border-color: #FFF;
}

a.uccs-facebook-link:hover {
    background: #3b5998;
    color: #FFF;
    border-color: #FFF;
}

a.uccs-linkedin-link:hover  {
    background: #0977b5;
    color: #FFF;
    border-color: #FFF;
}

a.uccs-youtube-link:hover {
    background: #FFF;
    color: #b31217;
    border-color: #b31217;
}

a.uccs-flickr-link:hover {
    background: #FFF;
    color: #ff0084;
    border-color: #ff0084;
}

a.uccs-instagram-link:hover {
    background: /*/////// Use radial gradients to get the rounded*/ /*/////// gradient effect in each corner*/ /*// left bottom*/ radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%),
    radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%),
        /*// left top*/ radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%),
    radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%),
        /*//  right top*/ radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%),
    radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%),
        /*// right bottom*/ radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent),
        /*/////// create a base coat to smooth*/ /*/////// corner gradients*/ linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);

    color: #FFF;
    border-color: #FFF;
}

div.uccs-footer-additional-cta {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

div.uccs-footer-cta-button {
    background-color: #333333;
    border-radius: 4px;
    margin: 0.5em 0;
    min-height: 3em;
    min-width: 210px;
    display: block;
    text-align: right;
    padding-left: 2em;
    white-space: nowrap;
}

a:hover .uccs-footer-cta-button {
    background-color: #ceb77b;
}

a.uccs-footer-cta-button-link {
    color: #CFB87B;
    font-size: 18px;
}

a.uccs-footer-cta-button-link:hover {
    text-decoration: none;
    color: #222222;
}

span.uccs-footer-cta-label {
    margin-top: 1em;
    display: inline-block;
    margin-right: 0.5em;
}

span.uccs-footer-cta-icon {
    display: inline-block;
    margin-right: 1em;
}

.uccs-footer-cta-icon span.fa-stack {
    height: 1em;
}

.uccs-footer-menu a.nav-link {
    color: #FAFAFA;
    text-transform: uppercase;
    font-size: 16px;
}

.uccs-footer-menu a.nav-link:hover {
    color: #9B9B9B;
}

/***** Alerts *******/
.uccs-alert {

}

/*IE10 and IE11*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .uccs-sp-hero-text-container {
        line-height: 80px !important;
    }
}


/***** NEW Main Navigation *****/

.fa-home {
    font-size: 32px;
}

ul#menu-main-menu {
    list-style: none;
}

.mh-container, .mh-container-inner {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    position: relative;
}

.mh-main-nav li {
    -webkit-transition: 0.25s ease-out;
    -moz-transition: 0.25s ease-out;
    transition: 0.25s ease-out;
}

.clearfix {
    display: block;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    margin: 0;
    padding: 0;
}

.mh-main-nav-wrap {
    background: #2a2a2a;
}

.mh-main-nav {
    text-transform: uppercase;
}

.mh-main-nav li {
    float: left;
    position: relative;
    font-weight: 700;
}

.mh-main-nav li:first-child a {
    border: none;
    padding: 9px;
}

.mh-main-nav li:hover a {
    color: black;
    text-decoration: none;
}

.mh-main-nav li a {
    display: block;
    color: #fff;
    padding: 10px 20px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.mh-main-nav ul li:hover>ul {
    display: block;
    z-index: 9999;
    background: #EAEAEA;

    list-style: none;
}

.mh-main-nav ul li:hover>ul a {
    display: block;
    z-index: 9999;
    background: #EAEAEA;
    color: #757575;
}

.mh-main-nav ul li:hover>ul a:hover {
    color: black;
}

.mh-main-nav ul ul {
    display: none;
    position: absolute;
}

ul.sub-menu {
    min-width: 100%;
    background: #EAEAEA;
    list-style: none;
    padding-inline-start: unset;
}

@media screen and (max-width: 1475px) {
    .mh-boxed-layout .mh-container {
        width: 95%;
    }

    .mh-boxed-layout .mh-container-inner {
        width: 100%;
    }
}

@media screen and (max-width: 1120px) {
    .mh-container-inner {
        width: 100%;
    }

    .mh-main-nav li {
        font-size: 12px;
    }

    .mh-main-nav li a {
        padding: 10px 15px;
    }
}

@media screen and (max-width: 900px) {
    #mh-mobile .mh-container {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .js .mh-main-nav {
        display: none;
    }
}

:-webkit-full-screen {
    background-color: transparent;
}

.mh-main-nav-wrap {
    border-width: 3px 0 3px 0;
    background-color: #fff;
}

.mh-main-nav li a {
    padding: 15px 20px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    color: #757575;
}

@media screen and (max-width: 767px) {
    .mh-container {
        width: 100%;
    }
}

.sub-menu .menu-item a {
    padding: 10px 20px !important;
    border-left: unset !important;
}

.sub-menu .menu-item a:hover {
    background-color: #CFB87B;
    width: 100%;
}

ul.sub-menu .menu-item {
    width: 100%;
}

/***** WebFeedback Link *****/
hr.uccs-footer-hr {
    background-color: #a2a4a3;
    margin-bottom: 1 rem;
    margin-top: 1rem;
    border-top: 1px solid rgba(0, 0, 0, .1);
}


.web-feedback-link {
    color: #ebebeb;
    font-size: 0.9em;
    text-align: center;
    margin: 1rem auto;
    max-width: 650px;
}


.web-feedback-link > a {
    white-space: nowrap;
    color: #cfb87c;
    font-weight: bold;
}