/* Color Palette
-----------------------------------------
green:  #006838 =>  rgba(0,104,56,1.0)
gold:   #ffd700 =>  rgba(255,215,0,1.0)
grey:   #ddd    =>  rgba(221,221,221,1.0)
-----------------------------------------
*/

/* Temporary
------------*/

/* Global
---------*/
html,
body {
  font-family: myriad-pro, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  height: 100%;
  line-height: normal;
  width: 100%;
}

.cc-button-primary {
  background-color: #006838;
  border: 2px solid #006838;
  color: #fff !important;
  font-size: 85%;
  letter-spacing: 1px;
  padding: 0;
  margin: 5px 0;
  transition: .5s;
  width: 100%;
 }

.cc-button-primary:hover,
.cc-button-primary:focus,
.cc-button-primary:active,
.cc-button-primary.uk-active {
  background-color: transparent;
  color: #006838 !important;
}

@media (min-width: 768px) { /* Tablet+ */
  .cc-button-primary {
    font-size: 1rem;
    padding: 10px;
    margin: 0;
  }
}


/* Typography
-------------*/
h1,
h2,
h3,
h4,
h5,
h6,
.uk-button {
  font-family: myriad-pro, sans-serif;
  font-weight: 700;
}

h1 {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  font-size: 2px;
}

/* Navigation
-------------*/
.uk-navbar {
  background: #006838;
  border-top: 3px solid #ffd700;
  box-shadow: 0 1px 25px 0px #000;
  -moz-box-shadow: 0 1px 25px 0px #000;
  -webkit-box-shadow: 0 1px 25px 0px #000;
  height: 45px;
  position: absolute;
  top: 0;
}

.uk-navbar-brand {
  background: url("https://www.cecil.edu/wp-content/themes/cecil-college/assets/images/cecil-logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  margin: 10px 0 6px 0;
  width: 175px;
}

.uk-navbar-nav {
  margin-right: -15px;
  padding-top: 17px;
}

.uk-navbar-nav>li>a {
  padding: 0;
  margin: 0 15px;
}

.uk-navbar-nav>li>a:link,
.uk-navbar-nav>li>a:visited,
.uk-navbar-nav>li>a:hover,
.uk-navbar-nav>li>a:active,
.uk-navbar-nav>li.uk-active>a{
  background-color: transparent;
  color: #fff;
  text-transform: uppercase;
}

.uk-navbar-nav>li>a:hover,
.uk-navbar-nav>li>a:active,
.uk-navbar-nav>li.uk-active>a {
  color: #ffd700;
}

.uk-navbar-nav>li.uk-active>a {
  border-bottom: 5px solid #ffd700;
}

.uk-navbar .menu-icon {
  font-size: 70%;
  margin: 5px 0 0 0;
}

@media (min-width: 768px) { /* Tablets+ */
  .uk-navbar {
    height: 63px;
  }

  .uk-navbar-brand {
    margin: 12px 0 6px 0;
    width: 300px;
  }

  .uk-navbar .menu-icon {
    font-size: 100%;
    margin: 9px 0 0 0;
  }
}

@media (min-width: 960px) { /* Desktop */
  .uk-navbar-nav {
    padding-top: 19px;
  }
}

/* Sections: All
----------------*/
#main-content {
    display: unset;
}

.cover-image {
  background-size: cover !important;
  height: 80%;
}

.section .uk-panel {
  background-color: #f9f9f9;
  box-shadow: 3px 3px 10px 0px #444;
  -moz-box-shadow: 3px 3px 10px 0px #444;
  -webkit-box-shadow: 3px 3px 10px 0px #444;
  margin-top: -75px;
  margin-bottom: 0;
  padding: 5px 15px 15px;
}

.section .uk-panel p a {
  color: #444;
  text-decoration-color: #008749;
  text-decoration-line: underline;
  text-decoration-thickness: .125em;
  text-underline-offset: 1.5px;
}

.section .uk-panel p a:active,
.section .uk-panel p a:hover {
  color: #008749 !important;
}

.section h2 {
  color: #444;
  font-size: 18px;
  margin: 0;
}

.section p {
  font-size: 0.8em;
  line-height: 1.5;
  margin: 0;
}

.section .uk-grid {
  margin-top: 15px;
}

@media (min-width: 768px) { /* Tablets+ */
  .cover-image {
    height: 70%;
  }

  .section .uk-panel {
    margin-top: -50px;
    margin-bottom: 50px;
    padding: 15px 25px;
  }

  .section h2 {
    font-size: 2em;
    line-height: normal;
    margin-bottom: 15px;
  }

  .section p {
    font-size: 1.15em;
  }

  .section .uk-grid {
    margin-top: 25px;
  }
}

@media (min-width: 960px) { /* Desktop */
  .cover-image {
    height: 80%;
  }

  .section .uk-panel {
    margin-top: -75px;
    margin-bottom: 50px;
  }

  .section h2 {
    font-size: 2.5em;
  }
}

/* Section: Intro
-----------------*/
#intro {
  background: rgb(0,69,43);
  background: linear-gradient(163deg, rgba(0,69,43,1) 0%, rgba(0,104,56,1) 25%, rgba(0,135,73,1) 50%, rgba(255,215,0,1) 100%);
  height: 100%;
  position: relative;
}

#intro img.branding {
  padding-top: 15px;
  width: 175px;
}

#intro .copy {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

#intro span.large {
  color: #fff;
  display: block;
  font-size: 2em;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1em;
  text-transform: uppercase;
}

#intro span.medium {
  color: #ddd;
  display: block
  font-size: 1em;
  line-height: 1.25em;
}

#intro .scroll {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

#intro .scroll span.uk-icon {
  color: #fff;
  font-size: 2em;
}

@media (min-width: 768px) { /* Tablets+ */
  #intro img.branding {
    width: 300px;
  }

  #intro span.large {
    font-size: 4em;
  }

  #intro span.medium {
    font-size: 2em;
  }

  #intro .scroll span.uk-icon {
    font-size: 3em;
  }
}

/* Sections: Programs
-----------------*/
#science {
  background: url("https://www.cecil.edu/wp-content/pages/academic-programs/img/750x950/science-2024.jpg") top center;
}

#technology {
  background: url("https://www.cecil.edu/wp-content/pages/academic-programs/img/750x950/technology-2024.jpg") top center;
}

#engineering {
  background: url("https://www.cecil.edu/wp-content/pages/academic-programs/img/750x950/engineering-2024.jpg") top center;
}

#mathematics {
  background: url("https://www.cecil.edu/wp-content/pages/academic-programs/img/750x950/mathematics-2024.jpg") top left;
}

#more {
  background: url("https://www.cecil.edu/wp-content/pages/academic-programs/img/750x950/admissions-2025.webp") top center;
}

#hcdegree {
    background: url("https://www.cecil.edu/wp-content/pages/academic-programs/img/750x950/nursing-2024.jpg") top center;
}

#hccertificate {
    background: url("https://www.cecil.edu/wp-content/pages/academic-programs/img/750x950/public-health.jpg") top center;
}

#hctraining {
    background: url("https://www.cecil.edu/wp-content/pages/academic-programs/img/750x950/paramedic.jpg") top center;
}

#art-design {
    background: url("https://www.cecil.edu/wp-content/pages/academic-programs/img/750x950/art-design.webp") top center;
}

#digital-arts-media-design {
    background: url("https://www.cecil.edu/wp-content/pages/academic-programs/img/750x950/digital-arts-media-design.webp") top center;
}

#performing-arts {
    background: url("https://www.cecil.edu/wp-content/pages/academic-programs/img/750x950/performing-arts.webp") top center;
}

.section .uk-button {
  line-height: normal;
  display: flex;
  justify-content: center;
  align-items: center;
}

.section .uk-button span {
}

@media (min-width: 768px) { /* Tablets+ */
  #science {
    background: url("https://www.cecil.edu/wp-content/pages/academic-programs/img/1920x1280/science-2024.jpg") top left;
  }

  #technology {
    background: url("https://www.cecil.edu/wp-content/pages/academic-programs/img/1920x1280/technology-2024.jpg") top right;
  }

  #engineering {
    background: url("https://www.cecil.edu/wp-content/pages/academic-programs/img/1920x1280/engineering-2024.jpg") top left;
  }

  #mathematics {
    background: url("https://www.cecil.edu/wp-content/pages/academic-programs/img/1920x1280/mathematics-2024.jpg") top left;
  }

  #more {
    background: url("https://www.cecil.edu/wp-content/pages/academic-programs/img/1920x1280/admissions-2025.webp") top left;
  }

  #hcdegree {
    background: url("https://www.cecil.edu/wp-content/pages/academic-programs/img/1920x1280/nursing-2024.jpg") top center;
  }

  #hccertificate {
    background: url("https://www.cecil.edu/wp-content/pages/academic-programs/img/1920x1280/public-health.jpg") top left;
  }

  #hctraining {
    background: url("https://www.cecil.edu/wp-content/pages/academic-programs/img/1920x1280/paramedic.jpg") top center;
  }

  #art-design {
      background: url("https://www.cecil.edu/wp-content/pages/academic-programs/img/1920x1280/art-design.webp") top center;
  }

  #digital-arts-media-design {
      background: url("https://www.cecil.edu/wp-content/pages/academic-programs/img/1920x1280/digital-arts-media-design.webp") top center;
  }

  #performing-arts {
      background: url("https://www.cecil.edu/wp-content/pages/academic-programs/img/1920x1280/performing-arts.webp") top center;
  }
}

/* Footer
---------*/
footer h2 {
  color: #fff;
  font-weight: 500;
}

.footer-contact li a { /* Used to make link meet minimum size/spacing for accessibility. */
  display: inline-block;
  min-width: 24px;
  min-height: 24px;
}

/* Offcanvas Menu
-----------------*/
ul.menu li p {
  color: #777;
  padding: 10px 15px;
}