/* Colors used: #FFF Lightest | #CCC Light | #222 Darkest | #666 Medium | #0957A9 Branding | #063A6E Branding Alt */

/* Start Foundation 6 Marketing Footer */
.marketing-site-footer {background: #666; color: #CCC; padding: 2rem 0 0;}
.marketing-site-footer .marketing-site-footer-menu-social a {color: #FFF;}
.marketing-site-footer .column-block {margin-bottom: 30px;}
.marketing-site-footer > .row {margin-bottom: 1rem;}

@media screen and (max-width: 39.9375em) {
  .marketing-site-footer .columns {margin-bottom: 2rem;}
}

.marketing-site-footer-name {color: #FFF; margin-bottom: 1rem; font-size: 2rem;}
.marketing-site-footer-title {color: #FFF; margin-bottom: 1rem; font-size: 1.25rem;}
.marketing-site-footer-block {display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 1rem;}
.marketing-site-footer-block .fa {font-size: 2rem; color: #222;}
.marketing-site-footer-block p {margin-left: 1rem; line-height: 1.125rem;}
.marketing-site-footer-bottom {background: #222; padding: 1rem 0;}
.marketing-site-footer-bottom p, .marketing-site-footer-bottom .menu {margin-bottom: 0;}

.marketing-site-footer-bottom .marketing-site-footer-bottom-links {
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.marketing-site-footer-bottom .marketing-site-footer-bottom-links a {color: #CCC;}
.marketing-site-footer-bottom-links a:hover {color: #FFF;}

@media screen and (max-width: 63.9375em) {
  .marketing-site-footer-bottom .marketing-site-footer-bottom-links {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media screen and (max-width: 63.9375em) {
  .marketing-site-footer-bottom {
    text-align: center;
  }
}
/* End Foundation 6 Marketing Footer */

/* Start Foundation 6 Top Bar Marketing Menu */
.topbar-responsive {background: #0957A9; padding: 1rem 1.5rem;}
.topbar-responsive .topbar-responsive-logo {color: #FFF; vertical-align: middle; font-size: 150% !important;}
.topbar-responsive .menu {background: #0957A9; font-size:}
.topbar-responsive .menu li:last-of-type {margin-right: 0;}
.topbar-responsive .menu a {color: #FFF; transition: color 0.15s ease-in;}
.topbar-responsive .menu a:hover {color: #CCC;}

@media screen and (max-width: 39.9375em) {
  .topbar-responsive .menu a {
    padding: 0.875rem 0;
  }
}

.topbar-responsive .menu .topbar-responsive-button {
  color: #FFF;
  border-color: #FFF;
  border-radius: 5000px;
  transition: color 0.15s ease-in, border-color 0.15s ease-in;
}

.topbar-responsive .menu .topbar-responsive-button:hover {color: #FFF; border-color: #FFF;}

@media screen and (max-width: 39.9375em) {
  .topbar-responsive .menu .topbar-responsive-button {
    width: 100%;
    margin: 0.875rem 0;
  }
}

@media screen and (max-width: 39.9375em) {
  .topbar-responsive {
    padding: 0.75rem;
  }
  .topbar-responsive .top-bar-title {
    position: relative;
    width: 100%;
  }
  .topbar-responsive .top-bar-title span {
    position: absolute;
    right: 0;
    border: 1px solid #FFF;
    border-radius: 5px;
    padding: 0.25rem 0.45rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .topbar-responsive .top-bar-title span .menu-icon {
    margin-bottom: 4px;
  }
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@media screen and (max-width: 39.9375em) {
  .topbar-responsive-links {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
    width: 100%;
    -webkit-animation: fadeIn 1s ease-in;
            animation: fadeIn 1s ease-in;
  }
}
/* End Foundation 6 Top Bar Marketing Menu */

/* Start Foundation 6 Marketing Hero Banner */

.marketing-site-hero {
  background: url("https://images.pexels.com/photos/8264/pexels-photo.jpg?h=350&auto=compress&cs=tinysrgb") top right no-repeat;
  height: 32vh;
  background-size: cover;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (min-width: 40em) {
  .marketing-site-hero {
    background-position: center center;
  }
}

.marketing-site-hero-content {
  max-width: 75rem;
  margin: 0 auto;
  padding-left: 5%;
  padding-right: 5%;
}

.marketing-site-hero-content h1 {
  font-size: 32px;
}

.marketing-site-hero-content .button.round {
  border-radius: 5000px;
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 0;
}

@media screen and (min-width: 40em) {
  .marketing-site-hero-content {
    padding-left: 50%;
  }
}
/* End Foundation 6 Marketing Hero Banner */

/* Start Foundation 6 Simple Hero */

.hero-section {
  background: url("https://static.pexels.com/photos/248064/pexels-photo-248064.jpeg") 50% no-repeat;
  background-size: cover;
  height: 25vh;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.hero-section .hero-section-text {
  color: #FFF;
  text-shadow: 1px 1px 2px #0a0a0a;
}
/* End Foundation 6 Simple Hero */

#CCEContent {width: 100% !important; display: block !important; min-height: 600px !important;}
#CCEContent a, #CCEContent a:visited {color: #0957A9;}
#CCEContent a:hover {color: #063A6E;}

#catalogHoriz {width: 100%;}
.categoryColumn {width: 100%;}

@media only screen and (min-width: 200px) {
  #catalogHoriz {width: 100%; padding: 0; }
  .categoryColumn {margin-bottom: 4%;}
}

@media only screen and (min-width: 600px) {
  .categoryColumn {width: 48%; min-height: 275px;}
}

@media only screen and (min-width: 960px) {
  .categoryColumn {width: 18%; min-height: 200px;} /* 5 Column ***/
}

ul.course h3 a {cursor: pointer !important; pointer-events: auto !important;}
ul.course h3 a[aria-disabled="false"] {
  color: auto !important;
  display: auto !important;  /* For IE11/ MS Edge bug */
  pointer-events: auto !important;
  text-decoration: auto !important;
  border: auto !important;
}

#CCESecMenu { 
  background: #0957A9; 
  padding-top: 1rem;
}

#CCESecMenu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#CCESecMenu li {float: left;}

#CCESecMenu li a { display: block; padding-right: 20px;}

#CCESecMenu, #CCESecMenu a:link, #CCESecMenu a:visited { color: #FFF !important;}
#CCESecMenu a:hover { color: #CCC !important; }

#CCEContent {padding-top: 25px;}
#CCEContent table tr td {box-shadow: 0px !important;}

a#ctl00_Ucpreheader1_hypGoCartIndex, a#ctl00_Ucpreheader1_lnkMyAccount {display: none !important;} 

table#ctl00_ContentPlaceHolder1_ucCartTable_cartTable ~ div table tr td { background: #FFF !important; }
td.classInfoButton, table.class tr + tr, #ctl00_ContentPlaceHolder1_pnlClass tr { background: #FFF !important; }

a#ctl00_Ucpreheader1_linkPreHdrSignin, a#ctl00_Ucpreheader1_hypFeedback { float: right !important; padding-left: 20px;}

button, .button, input[type="submit"], input[type="button"] {background-color: #0957A9 !important; color: #FFF !important;}
button:hover, .button:hover, input[type="submit"]:hover, input[type="button"]:hover {background-color: #CCC !important; color: #FFF !important;}

ul.course li p {line-height: 1.6em !important;}

input[type="text"], select, input[type="password"] { background: #FFF; color: #222; border-radius: 5px ;}
input[type="text"]:focus, input[type="password"]:focus {border: 1px solid limegreen;}

select {
  padding-right: 2.75em;
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}

select:focus {
  background-image:
    linear-gradient(45deg, green 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, green 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
}