﻿/* ===============
   GLOBAL SETTINGS 
   =============== */
body {
}
.header {
    margin: 10px 0;
}
h1,h2,h3,h4,h5 {
    color: #760051;
}
a {
    color: #760051;
        -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

a:hover {
    color: #940062;
}
a:not(.button):not(button):not(.nav-button):hover {
    text-decoration: underline;
}


/* ===============
     NAVIGATION 
   =============== */
.top-bar .row {
    max-width: 186px;
}
.top-bar {
    background: #FFFFFF;
}

.top-bar-section ul li {
    background: #FFFFFF;
}

.top-bar-section li:not(.has-form) a:not(.button) {
    background: #FFFFFF;
}

.top-bar-section ul li > a {
    color: #000000;
    font-weight: bold;
}

.top-bar-section li.active:not(.has-form) a:not(.button) {
    background: #000000;
}

.top-bar-section li.active:not(.has-form) a:not(.button):hover {
    background: #000000;
}

.top-bar-section .has-dropdown > a:after {
    border-color: #000000 transparent transparent transparent;
}

.top-bar-section .has-dropdown > a:hover:after {
    border-color: #FFFFFF transparent transparent transparent;
}
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
    background: #000000;
}

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
    background: #000000;
}

.top-bar-section .has-form {
    background: #FFFFFF;
}

.top-bar-section ul li:hover:not(.has-form) > a {
    background: #000000;
}

.top-bar-section ul li:hover:not(.has-form) > a a:after {
    border-color: #FFFFFF transparent transparent transparent;
}

form input[type=submit] {
    background-color: #760051;
}
form input[type=submit]:hover,form input[type=submit]:focus {
    background-color: #940062;
}

form.ezsearch-form div {
        padding-left: 0px;
    padding-right: 0px;
}
/* MOBILE NAVIGATION */
.top-bar .toggle-topbar.menu-icon a {
        color: #000000;
}
.top-bar .toggle-topbar.menu-icon a span::after {
        box-shadow: 0 0 0 1px #000000, 0 7px 0 1px #000000, 0 14px 0 1px #000000;
}
.top-bar.expanded .title-area {
    background: #FFFFFF;
}

.top-bar-section ul li {
    background: #000000;
    color: #FFFFFF;
}

.top-bar-section li.has-dropdown ul.dropdown li a {
    background: #000000;
}

.top-bar-section li:not(.has-form) a:not(.button):hover {
    background-color: #000000;
}

/* ===============
     BREADCRUMB 
   =============== */
.breadcrumbs {
    border-width: 0;
    background-color: transparent;
    padding: 0.5625rem 0.875rem 0.5625rem;
    margin-top: 0.625rem

}

.breadcrumbs > * a {
    color: #760051;
}

.breadcrumbs > *:before {
    color: #760051;
}

/* ===============
       FOOTER 
   =============== */

footer {
    color: #FFFFFF;
}
footer p a {
    color: #FFFFFF;
}

footer p a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

.sponserRow {
     padding: 1.250em 0;
}

.sponserRow h3{
    color: #760051;
}

.contactRow {
    padding: 1.875em;
}

.contactRow h1,.contactRow h2,.contactRow h3 {
    color: #FFFFFF;
}

.copyRow {
    padding: 20px 0;
}

.copyRow p {
    text-align: center;
    margin-bottom: 0;
}

.copyRow p a {
    text-decoration: underline;
}

.copyRow p a:hover {
    color: #760051;
}



/* ===============
        HOME 
   =============== */
.umb-grid.Home h2 {
    font-size: 24px;
}
.umb-grid.Home h3 {
    font-size: 18px;
}


.umb-grid.Home div.row div.columns div div.row div.columns div {
    border-width: 0;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    background: #f2f2f2;
    color: #333333;
}

.umb-grid.Home div.row div.columns div div.row div.columns div.featured {
    background: #a0d7d1;
}

.umb-grid.Home div.row div.columns div div.row div.columns div.featured.tab-heading {
    
}

.umb-grid.Home div.row div.columns div div.row div.columns div.tab-heading {
    
}

/* ===============
        VIDEO 
=============== */
.videoIntro {
    padding: 15px 0;
}

#overlay {
     display: none;
     position: absolute;
     top: 100px;
     color: #000;   
     text-align: center;  
     font-size: 20px;  
     background-color: rgba(221, 221, 221, 0.7);  
     width: 100%;  
     padding: 10px 0;  
     z-index: 2147483647;
}

/* ===============
      LISTING 
   =============== */
.courseListingContainer {
    margin-bottom: 20px;
}
.courseListing {
    background: rgba(118, 0, 81, .3);
    padding: 10px 10px 4px 10px; 
}

.courseListing h5 {
    display: inline-block;
}

i.fi-lock:before {
    font-size: 32px;
    color: #760051;
    float: right;
}

.courseListingButton {
    width: 100%;
    margin: 10px 0;
}

.courseListing p {
    margin: 10px 0;
}

/* ===============
        MISC 
   =============== */
div.umb-grid p img[style$="left;"] {
    padding-right: 10px;
}

.hidden {
    display: none;
}

.checkmark {
    display:inline-block;
    width: 22px;
    height:22px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

.checkmark_stem {
    position: absolute;
    width:3px;
    height:9px;
    
    left:11px;
    top:6px;
}

.checkmark_kick {
    position: absolute;
    width:3px;
    height:3px;
    left:8px;
    top:12px;
}

.checkmark_green {
    background-color:Green;
}

.checkmark_red {
    background-color:Red;
}

fieldset { border: none;}

@media only screen and (min-width: 40.0625em) {
    .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
    background: #000;
    color: #FFFFFF;
    }
    .top-bar-section li.has-dropdown ul.dropdown li a, .top-bar-section ul li:hover:not(.has-form) > a {
    font-size: 0.8125rem;        
    }
}

div.taxonomy {
    margin-top: 10px;
}

ul.taxonomy {
    margin: 0;
    padding: 0;
}

ul.taxonomy li {
    list-style: none;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}

.label {
    background-color: #000000;
}

ul.taxonomy span.label {
    font-size: 0.8125rem;
    padding: 0.5rem;
    white-space: pre-line;
}

a.button,button {
    background-color: #760051;
}
    a.button:hover, a.button:focus, button:hover, button:focus {
        background-color: #940062;
    }

    #videoSnippet {
        margin-bottom: 20px;
    }

/* ===============
    VALIDATION
=============== */

small.error {
     display: none;
}

input.input-validation-error {
    margin-bottom: 0;
}

input.input-validation-error + small {
    display: block;
}

#sidebar form input[type=submit],#sidebar form a.button {
    width: 100%;
    margin-bottom: 10px;
   
}

.inBasket {
        display: inline-block;
    margin-bottom: 10px;
}

.alert-box-custom {
  background-position: 2% 7px;
  background-repeat: no-repeat;
  background-size: auto 2rem;
  background-color: #fff;
  border: 0;
  text-align: left;
  padding-left: 4rem; }
  .alert-box .close {
    background: none; }
  .alert-box.alert {
    background-color: #fff;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAARVBMVEX////7y0P7y0P7y0P7y0P7y0P7y0P7y0P7y0P7y0P7y0P7y0P7y0P7y0P7y0NAQECdhUHYsUKGdEG1l0JLSEBuYkHkukPKU8NPAAAADnRSTlMA4EDAoCAQ8IBgkDDQUFItelQAAAC0SURBVHherZBLDsMwCAVD7Nj5gvPr/Y/a0FpGLTibdnbozQJN829agPZu7/CiuxE8C76+T/hiqgruLbjqh5ip/TljZrb3AQuDKYAIYO09L3TBRq/3EHk4shCDEkZkTqITmdGMLIIO7r8FbzfaiDappSNjIkpZcCqyCDo4WAJYkR8prTp4ADSBUCIX9uPY5epL5AJdyBWDRDYFHCWyCiXBObKwrh+nl4g2TiLVhSXW97g0v/MEHIQbCYeFmYAAAAAASUVORK5CYII=);
    border-top: 1px solid #f22613;
    border-bottom: 1px solid #f22613;
    color: #333; }

.alert-box p {
    margin-bottom: 0;
}