html {
  font-family: Verdana, Open-Sans, sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  background: #fff;
  color: #333;
}
/* Headings
 ========================================================================== */
h1,
.uk-h1,
h2,
.uk-h2,
h3,
.uk-h3,
h4,
.uk-h4,
h5,
.uk-h5,
h6,
.uk-h6 {
  margin: 0 0 20px 0;
  /*font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;*/
  font-weight: normal;
  color: #333;
  text-transform: none;
}
/* Add margin if adjacent element */
* + h1,
* + .uk-h1,
* + h2,
* + .uk-h2,
* + h3,
* + .uk-h3,
* + h4,
* + .uk-h4,
* + h5,
* + .uk-h5,
* + h6,
* + .uk-h6 {
  margin-top: 20px;
}
/*
 * Sizes
 */
h1,
.uk-h1 {
  font-size: 2rem;
  line-height: 1.2;
  color: #505050;
}
h2,
.uk-h2 {
  font-size: 1.7rem;
  line-height: 1.3;
  color: #606060;
}
h3,
.uk-h3 {
  font-size: 1.5rem;
  line-height: 1.4;
  color: #606060;
}
h4,
.uk-h4 {
  font-size: 1.25rem;
  line-height: 1.4;
  color: #606060;
}
h5,
.uk-h5 {
  font-size: 1.25rem;
  line-height: 1.4;
  color: #0033a0;
}
h6,
.uk-h6 {
  font-size: 1.25rem;
  line-height: 1.4;
  color: #e4002b;
}

a.uk-navbar-item.uk-logo {font-family: Verdana, Open-Sans, sans-serif;color: #0033a0;}

.uk-navbar-toggle.uk-open, .uk-navbar-toggle:focus, .uk-navbar-toggle:hover {color: #0033a0;}

.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
  min-height: 40px; 
}

a,.uk-link {color: #0033a0;}
a:hover,
.uk-link:hover {color: #0033a0;}

/*::-moz-selection {background: #0033a0;}
::selection {background: #0033a0;}*/

::-moz-selection {
  background: #0033a0;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #0033a0;
  color: #fff;
  text-shadow: none;
}

.uk-input:focus,
.uk-select:focus,
.uk-textarea:focus {border-color: #0033a0;}

.uk-radio:checked,
.uk-checkbox:checked,
.uk-checkbox:indeterminate {background-color: #0033a0;}

.uk-radio:checked:focus,
.uk-checkbox:checked:focus,
.uk-checkbox:indeterminate:focus {background-color: #0033a0;}
a.uk-totop.uk-icon {color:#000000;} /*for the totop icon and link - not enough contrast in wave checker*/
/* -------------- Red & Blue Buttons used on AOS page------------------ */
.uk-button-red  {
  background-color: #c8102e;
  color: white;
  font-weight: 600;
}
.uk-button-red:focus, .uk-button-red:hover {background-color: #b1b1b3; /*light gray*/}
.uk-button-red:active,
/* .uk-button-red.uk-active {background-color: #eeeeee;} */
/* -------------------------------- */
.uk-button-blue  {
  background-color:#0033a0;
  color: white;
  font-weight: 600;
}
.uk-button-blue:focus, .uk-button-blue:hover {background-color: #b1b1b3; /*light gray*/}
.uk-button-blue:active,
/* .uk-button-blue.uk-active {background-color: #eeeeee;} */
.uk-button-muted  {
  background-color:#eeeeee;
  color: black;
  font-weight: 600;
}
.uk-button-blue:focus, .uk-button-blue:hover {background-color: #b1b1b3; /*light gray*/}
.uk-button-blue:active,

/*Change the colors of the buttons*/
.uk-button-primary {background-color: #0033a0;}
.uk-button-primary:focus, .uk-button-primary:hover {background-color: #75787b; /*dark gray*/}
.uk-button-primary:active,
.uk-button-primary.uk-active {background-color: #0033a0;}

.hcc-button-text {
  padding-left: 3px; 
  font-weight: 500; 
  color:#0033a0; 
  margin-bottom: 2px;
  font-variant:normal;
}

/*
 * Secondary
 */
 .uk-button-secondary {
  background-color: #001440;
  color: #fff;
  border: 1px solid transparent;
}
/* Hover + Focus */
.uk-button-secondary:hover,
.uk-button-secondary:focus {
  background-color: #151515;
  color: #fff;
}
/* OnClick + Active */
.uk-button-secondary:active,
.uk-button-secondary.uk-active {
  background-color: #080808;
  color: #fff;
}

.uk-tile-primary {background: #0033a0;}

.uk-card-primary {background: #0033a0;}

.uk-card-primary.uk-card-hover:hover {background-color: #0033a0;box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);}

.uk-card-muted {background: #f8f8f8;}
.uk-card-rmuted.uk-card-hover:hover {background-color: #0033a0;box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);}

/*
 * Red (uk-card-red)
 */
 .uk-card-red {
  background: #c8102e;
  color: #fff;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}
.uk-card-red .uk-card-title {
  color: #fff;
}
.uk-card-red.uk-card-hover:hover {
  background-color: #c8102e;
  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
}
.uk-card-red h4 {
  color:#ffffff;
}

.uk-alert-primary {color: #0033a0;}

.uk-badge {background: #0033a0;}

.uk-label {background: #0033a0;}

em {
   /* color: #f0506e; non accessible color*/
   color: #981b1e;
}

/* Pill modifier
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.uk-subnav-pill-default > .uk-active > a {background-color: #ffffff;}
.uk-subnav-pill-muted > .uk-active > a {background-color: #e8e8e8;}
.uk-subnav-pill-secondary > .uk-active > a {background-color: #222222;}
.uk-subnav-pill-primary > .uk-active > a {background-color: #0033a0;}
.uk-subnav-pill-hcc_red > .uk-active > a {background-color: #c8102e;}
.uk-subnav-pill>*>:first-child {color:#222222;}
.uk-subnav-pill>.uk-active>a {background-color:#0033a0; color: white}

/***********Landing Page SubNav************
**************************************/
.subnav-buttons_landing>*>:first-child {background-color: #fff; color:#222; border: 4px solid #ccc; padding: 2px 8px; font-weight: 600; font-size: 1.3rem;}
.subnav-buttons_landing>*>a:focus, .uk-subnav>*>a:hover {background-color: #0033a0; color: #fff;}
.subnav-buttons_landing> .uk-active > a:link {background-color: #0033a0; color: #fff; }

.uk-tab > .uk-active > a {border-color: #0033a0;}
.uk-tab>*>a {color: #666;}

.uk-notification-message-primary {color: #0033a0;}

.uk-progress::-webkit-progress-value {background-color: #0033a0;transition: width 0.6s ease;}

.uk-progress::-moz-progress-bar {background-color: #0033a0;}

.uk-progress::-ms-fill {background-color: #0033a0;transition: width 0.6s ease;border: 0;}

.uk-text-primary {color: #0033a0 !important;}

.uk-text-white {color: #ffffff !important;}

/* Background modifier
 ========================================================================== */
/*
 * 1. The background clips to the foreground text. Works in Chrome, Firefox, Safari, Edge and Opera
 *    Default color is set to transparent
 * 2. Container fits the text
 * 3. Fallback color for IE11
 */
 .uk-text-background {
  /* 1 */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /* 2 */
  display: inline-block;
  /* 3 */
  color: #1e87f0 !important;
}
@supports (-webkit-background-clip: text) {
  .uk-text-background {
    background-color: #0033a0;
  }
}

.uk-background-primary {background-color: #0033a0;}
.uk-background-dark {background-color: #373935;}

/**/

/* .uk-search-icon .uk-icon [STROKE*='#']:not(.uk-preserve), .uk-icon [stroke*='#']:not(.uk-preserve) {
  stroke: #ccc; stroke-width: .15em;
} */

/*******************************  TABLE  ****************************************/
.uk-table th {color: #222;}

/***********SEARCH FEATURE************
**************************************/

.uk-search-default .uk-search-input {
  border: 2px solid #7b7b7b; /*  dark gray */
}

.uk-search-input {
  color: black;
}

input#degree-search.uk-search-input {
  /* padding: 28px; */
}

/* .uk-search-default .uk-search-input:focus {
  border-color:#0033a0; 
  background-color: #003087;
} */


/***********Section colors************
**************************************/
.uk-section-default {background: #fff;}
/*white*/
.uk-section-muted {background: #f8f8f8;}
/*muted gray*/
.uk-section-secondary {background: #585858;}/*Valdosta gray*/
/*dark gray*/

.uk-section-primary {background: #0033a0}
/*hcc blue*/
.uk-section-hcc_red {background: #c8102e;}
/*hcc red 186c*/

/*Tetradic Colors*/
.uk-section-green {background: #afd65e;}  /*light green 367*/
.uk-section-dgreen {background: #359e28;} /*darker green 376*/
.uk-section-yellow {background: #ffd100;} /*light yellow 109*/

.uk-section-red185 {background: #ef002b;} /*red 185c*/
.uk-section-red186 {background: #c8102e;} /*red 186c*/
.uk-section-red187 {background: #a6192e;} /*red 187c*/


   @media only screen and (max-width: 1200px) {
    .hcc-header h1 {
      font-size: 3em;
      margin: 0px;
      line-height:.75em;
    }

    .hcc-header {
        margin-left: 5%;
    }
  }

  @media only screen and (max-width: 960px) {
    .subnav-buttons_landing>*>:first-child {background-color: #fff; color:#222; border: 1px solid #ccc; padding: 0; font-weight: 600; font-size: 1rem; margin:2px}
    .subnav-buttons_landing>*>a:focus, .uk-subnav>*>a:hover {background-color: #0033a0; color: #fff;}
    .subnav-buttons_landing> .uk-active > a:link {background-color: #0033a0; color: #fff; }
    .uk-subnav {margin:0px;}
    .subnav-li { width: 40%;}
  }

   @media only screen and (max-width: 860px) {
    .hcc-header h1 {
      font-size: 2em;
      margin: 0px;
      line-height:.75em;
    }

    .hcc-header {
        margin-left: 10%;
    }

    .subnav-buttons_landing>*>:first-child {background-color: #fff; color:#222; border: 1px solid #ccc; padding: 2px 2px; font-weight: 600; font-size: 1rem; margin:2px}
    .subnav-buttons_landing>*>a:focus, .uk-subnav>*>a:hover {background-color: #0033a0; color: #fff;}
    .subnav-buttons_landing> .uk-active > a:link {background-color: #0033a0; color: #fff; 
    }

  }