﻿

/*Custom CSS For Redesign in 2017*/


@font-face {
    font-family: "Ionicons";
    src: url('../fonts/ionicons.eot');
    src: url('../fonts/ionicons.eot') format('embedded-opentype'), url('../fonts/ionicons.woff') format('woff'), url('../fonts/ionicons.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


/* General Style */

.title-font {
    font-family: acumin-pro-semi-condensed,'Franklin Gothic',sans-serif;
}

.main-content h1 {
    font-weight: bold;
    font-size:1.8rem
}

.main-content h2 {
    font-weight: bold;
    font-size: 1.7rem;
    color:#000;
}


.main-content p {
    font-size: 16px;
}

.main-content {
    font-size: 16px;
    line-height: 24px;
}

    .main-content .btn {
        white-space: normal;
        font-family: acumin-pro-condensed,'Franklin Gothic',sans-serif;
        font-weight: bold;
        font-size: 19px;
    }



a, div a, a:link, a:visited {
    text-decoration: none;
}

    a.btn, a.btn:link, a.btn:visited, a.btn:hover, a.btn:active {
        color:#fff;
        border:none;
    }

input.btn.btn-block, input.btn.btn-block:link, input.btn.btn-block:visited, input.btn.btn-block:hover, input.btn.btn-block:active {
    border: none;
}

    .main-content a {
        white-space: normal;
    }

.main-content table {
    background-color: #fff;
    font-family: acumin-pro-semi-condensed,'Franklin Gothic',sans-serif;
}

.float-center {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.text-bold {
    font-weight: bold;
}

.noborder {
    border: none;
}

.breadcrumb {
    display: block !important;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

    .breadcrumb a, .breadcrumb a:link, .breadcrumb a:visited {
        color: #000;
        text-decoration: underline;
    }

.bggrey {
    background-color: #f5f5f5;
}

.bgwhite {
    background-color: #fff;
}

.alert-validation {
    font-size: 14px;
}


/* Shadow and Elevation Effect*/
.box-shadow-m {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.box-shadow-s {
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1), 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}

.box-shadow-nohover {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    border-radius:4px
}

.box-shadow {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

    .box-shadow:hover {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }

#pageContent .btn {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

    #pageContent .btn:hover {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }


/* CourseListing.aspx */

.course-title {
    padding: 25px 5px 25px 20px;
    font-weight: bold;
    font-size: 28px;
    line-height: 35px;
}

.course-title-box {
    text-align: left;
    background-color: #fff;
    border-left: 7px solid #337ab7;
    margin-top: 25px;
}

.cs_subtitle {
    color: #000;
    font-weight: normal;
    font-size: 74%;
}

.info-box {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    background-color: #fff;
    padding: 25px;
    border-radius: 4px;
}

.info-title {
    font-family: acumin-pro-semi-condensed,'Franklin Gothic',sans-serif;
    font-size: 22px;
    line-height: 1.5em;
    font-weight: normal;
    padding: 10px 5px 10px 5px;
}

.section-title {
    font-family: acumin-pro-semi-condensed,'Franklin Gothic',sans-serif;
    padding: 12px 25px;
    background-color: #337ab7;
    color: #fff;
    font-size: 16px;
    line-height: 1.5em;
    font-weight: normal;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.course-section-container {
    font-family: acumin-pro-condensed,'Franklin Gothic',sans-serif;
    font-size: 17px;
    line-height: 1.5em;
    font-weight: normal;
}

    .course-section-container h1, .course-section-container h2, .course-section-container h3, .course-section-container h4, .course-section-container h5, .course-section-container h6 {
        margin: 0;
    }

    .course-section-container .enrollment-button-list td {
        font-size: 18px;
    }



/* Breakout.aspx */
.th-border-bottom {
    border-bottom: 2px solid #ddd;
    padding: 7px 10px;
}

.td-border-top {
    border-bottom: 1px solid #ddd;
    padding: 7px 10px;
}

/* Heading.aspx */
.ec2k-heading-list {
    background-color: #fff;
    border-left: 4px solid #337ab7;
    margin: 15px;
    color: #000;
    border-radius: 3px;
}

    .ec2k-heading-list a {
        color: #000;
        font-size: 17px;
        display: block;
        padding: 15px;
        font-weight: 400;
        /*width:100%;*/
    }

.img-responsive-container img {
    display: block;
    max-width: 100%;
    height: auto;
}

.pad25 {
    padding: 25px;
    display: block
}

/* flex-box */
.flexbox-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .flexbox-container > [class*='col-'] {
        margin-right: -1px;
    }

.flexbox {
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    margin-bottom: 20px;
    overflow: auto;
    margin-right: -1px;
    border-radius:3px;
}

    .flexbox .heading-title {
        text-align: center;
        padding: 20px 10px 20px;
    }

    .flexbox:hover {
        box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    }

.flexbox-nohover h2, .flexbox-nohover p {
    padding: 2px 15px;
    text-align: center;
}




.flexbox-nohover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    background-color: #fff;
    margin-bottom: 30px;
    overflow: auto;
    margin-right: -1px;
}


/* Home.aspx */

.hero-section {
    min-height: 400px;
    margin-bottom: 0px;
    margin-top: 0px;
    overflow: hidden;
    background-image: url("../images/home_header3_l_sh15.jpg");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    border-left: 0px;
    border-right: 0px;
    padding: 0;
    position: relative;
}

.img-section {
    padding-top: 50px;
    padding-bottom: 50px;
}

.divider-line {
    height: 4px;
    width: 120px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    background-color: #fff;
}

.parallax-fix {
    background-attachment: fixed;
}

h1.hero-title {
    font-size: 5rem;
    padding: 170px 5px 10px 5px;
    font-weight: bold;
}


/* PersonInfo.aspx */

.form-horizontal .form-group-sm {
    margin-bottom: 15px !important;
}

    .form-horizontal .form-group-sm .control-label {
        font-size: 15px;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-right: 0px;
    }

    .form-horizontal .form-group-sm label {
        font-size: 15px;
        padding-bottom: 4px;
        padding-right: 0px;
        margin-bottom: 0;
    }

    .form-horizontal .form-group-sm input {
        font-size: 15px;
    }

    .border-top {
        border-top: 4px solid #3276B1;
    }

.ec2k-pi-panel {
    margin-bottom: 15px;
}

.ec2k-pi-panel-title {
    text-align: center;
    padding-bottom: 20px;
}

.no-padding-right {
    padding-right: 0 !important;
}

.pad15 {
    padding: 15px;
}

.inner-border {
    outline: 4px solid #3276B1;
    outline-offset: -4px;
}

.text-grey {
    color: rgb(180,180,180) !important;
}

    .text-grey h2 > span {
        color: rgb(180,180,180) !important;
    }

.bg-highlight {
    background-color: #3276B1;
    color: white;
    padding-right: 5px !important;
}


/* Upcoming.aspx */
.upcoming-title {
    font-family: acumin-pro-semi-condensed,'Franklin Gothic',sans-serif;
    color: #000;
    background-color: #fff;
    font-size: 16px;
    padding: 0px !important;
}

    .upcoming-title a {
        color: #000;
        padding: 15px !important;
        display: block;
    }

.upcoming-title-header {
    font-family: acumin-pro-condensed,'Franklin Gothic',sans-serif;
    color: #000;
    background-color: #fff;
    font-size: 16px;
    padding: 15px 15px 15px 0 !important;
}

    .upcoming-title-header a {
        color: #000;
        padding: 15px !important;
    }

.upcoming-date-header {
    font-family: acumin-pro-condensed,'Franklin Gothic',sans-serif;
    color: #000;
    background-color: #fff;
    font-size: 16px;
    padding: 15px 10px !important;
}

    .upcoming-date-header a {
        color: #000;
    }

.upcoming-date {
    font-family: acumin-pro-condensed,'Franklin Gothic',sans-serif;
    color: #000;
    background-color: #fff;
    font-size: 16px;
    padding: 15px 10px !important;
}


/* SignInNew, SignIn, ResetPassword.aspx */
.btn-secondary, a.btn.btn-secondary {
    color: #3276B1;
    background-color: #fff;
    border: solid 1px #f6f6f6;
    font-weight: normal !important;
}

.hr-text {
    text-align: center;
    margin: 35px 0;
    overflow: visible;
}

    .hr-text:after {
        content: "Other Options";
        font-family: acumin-pro-semi-condensed,'Franklin Gothic',sans-serif;
        color: #666;
        display: inline-block;
        position: relative;
        top: -0.8em;
        font-size: 18px;
        padding: 0 0.5em;
        background: white;
    }

    .hr-text.hr-text-p:after {
        content: "Remember your password?";
    }

    .hr-text.hr-text-n:after {
        content: "Don't have an account?";
    }

    .hr-text.hr-text-i:after {
        content: "Already have an account?";
    }


/* ShopCartEdit.aspx */
.item-box {
    border-left: 4px solid #3276B1;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    background-color: #fff;
    padding: 20px;
    margin-bottom: 15px;
    border-radius: 4px;
}

.item-title {
    font-family: acumin-pro-semi-condensed,'Franklin Gothic',sans-serif;
    font-size: 22px;
    line-height: 33px;
    font-weight: normal;
    padding: 0;
}

.discount-box {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    background-color: #fff;
    padding: 0 0 10px 0;
    margin-bottom: 15px;
    border-radius: 4px;
}

    .discount-box .alert {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

.table-bg {
    background-color: #F1FAFF !important;
}

.bottom25 {
    margin-bottom: 25px;
}


/*Profile Submenu*/

#ctl00_ucSubMenu_divPersonLinks li.active a {
    color: #fff;
    background-color: #3276B1;
}

@media (max-width:766px) {
    #ctl00_ucSubMenu_divPersonLinks a {
        font-size: 13px;
        line-height: 18px;
        padding: 10px 15px;
    }
}


/*fixed navbar*/
/*.affix {
    top: 0 ;
    width:100% !important;
    z-index:99 !important;
}
.affix + form {
    margin-top: 50px;
}
@media screen and (max-width:970px) {
    .affix + form {
        margin-top: 43px;
    }
}*/
/*Overwrite Bootstrap Alert Class Style and Change them to BS Callout Style*/
.alert {
    padding: 20px;
    border: 0;
    border-radius: 0;
    border-left: 4px solid #eee;
    background-color: #fff;
}

    .alert h4 {
        margin-top: 0;
        margin-bottom: 5px;
    }

    .alert p:last-child {
        margin-bottom: 0
    }

.alert-danger {
    background-color: #fdf7f7;
    border-color: #d9534f
}

    .alert-danger h4 {
        color: #d9534f
    }

.alert-warning {
    background-color: #fcf8f2;
    border-color: #f0ad4e
}

    .alert-warning h4 {
        color: #f0ad4e
    }

.alert-info {
    background-color: #f4f8fa;
    border-color: #5bc0de
}

    .alert-info h4 {
        color: #5bc0de
    }

.alert-success {
    border-color: #5cb85c
}

.main-content label {
    font-weight: normal;
    font-family: acumin-pro-semi-condensed,'Franklin Gothic',sans-serif;
    font-size: 16px;
    display: inline;
}



.btn-primary {
    background-color: #337ab7;
}

.btn-success {
    background-color: #49A749;
}

.btn-danger {
    background-color: #C9302C;
}

/* Updated footer 2019 */
/*.footer{width:100%;background-color:#000;overflow:hidden;padding-bottom:15px}.footer #accordion{margin-bottom:0}.footer #accordion .panel{border:none;background-color:transparent;margin-top:0;padding:15px;border-bottom:solid 1px #333;font-size:.875em;line-height:2.3125em}.footer #accordion .panel a{display:inline-block;width:100%}.footer #accordion .panel a:link,.footer #accordion .panel a:visited{color:#adadad;font-weight:400;text-decoration:none}.footer #accordion .panel a:hover,.footer #accordion .panel a:active{color:#fff;font-weight:400;text-decoration:none}.footer #accordion .panel .panel-heading{padding:0;background-color:transparent;font-size:1.3125em}.footer #accordion .panel .panel-heading .panel-title{font-family:"Champion Welterweight","Archivo Black","Arial Black","Arial Bold","Gadget",sans-serif;font-size:1em;font-weight:400;text-transform:uppercase}.footer #accordion .panel .panel-heading a{display:block}.footer #accordion .panel .panel-heading a:link,.footer #accordion .panel .panel-heading a:visited,.footer #accordion .panel .panel-heading a:hover,.footer #accordion .panel .panel-heading a:active{color:#c28e0e;text-decoration:none}.footer #accordion .panel .panel-collapse .panel-body{border:none;padding:0}.footer #accordion .panel .panel-collapse .panel-body ul{padding:0;list-style-type:none}.footer #accordion .motto{clear:both;padding:15px 15px 0;font-size:1.25em;text-align:center}.footer #accordion .motto .taglineContainer{width:90%;margin:0 auto}.footer #accordion .motto .taglineContainer--150{width:70%}.footer #accordion .motto .tagline{position:relative;display:block;padding-bottom:13.95349%}.footer #accordion .motto .tagline--150{padding-bottom:13.52942%;transition:filter 0.25s ease-in}.footer #accordion .motto .tagline--150:link,.footer #accordion .motto .tagline--150:visited{filter:brightness(1)}.footer #accordion .motto .tagline--150:hover,.footer #accordion .motto .tagline--150:active,.footer #accordion .motto .tagline--150:focus{filter:brightness(1.1)}.footer #accordion .motto .tagline--150:focus{outline-offset:4px;outline:dotted 1px #fff}.footer #accordion .motto .tagline .horizontal,.footer #accordion .motto .tagline .vertical{position:absolute;top:0;right:0;bottom:0;left:0}.footer #accordion .motto .vertical{display:none}.footer #accordion .motto .social{clear:both;display:block;width:100%;padding-top:5px}.footer #accordion .motto a{display:inline-block;position:relative;margin:2.5px 2%;text-align:center}.footer #accordion .motto a .text-hidden{position:absolute;display:block;top:-1000px;left:-1000px}.footer #accordion .motto a .fa:after{position:absolute;display:block;overflow:hidden;width:0;height:0}.footer #accordion .motto a .fa-facebook:after{content:"Facebook"}.footer #accordion .motto a .fa-facebook-square:after{content:"Facebook"}.footer #accordion .motto a .fa-twitter:after{content:"Twitter"}.footer #accordion .motto a .fa-twitter-square:after{content:"Twitter"}.footer #accordion .motto a .fa-youtube:after{content:"Youtube"}.footer #accordion .motto a .fa-youtube-square:after{content:"Youtube"}.footer #accordion .motto a .fa-instagram:after{content:"Instagram"}.footer #accordion .motto a .fa-instagram-square:after{content:"Instagram"}.footer #accordion .motto a .fa-pinterest:after{content:"Pinterest"}.footer #accordion .motto a .fa-pinterest-square:after{content:"Pinterest"}.footer #accordion .motto a .fa-google-plus:after{content:"Google Plus"}.footer #accordion .motto a .fa-google-plus-square:after{content:"Google Plus"}.footer #accordion .motto a .fa-linkedin:after{content:"Linked In"}.footer #accordion .motto a .fa-linkedin-square:after{content:"Linked In"}.footer #accordion .motto a .fa-amazon:after{content:"Amazon"}.footer #accordion .motto a .fa-amazon-square:after{content:"Amazon"}.footer #accordion .motto a:link,.footer #accordion .motto a:visited{color:#999;text-decoration:none}.footer #accordion .motto a:hover,.footer #accordion .motto a:active{color:#fff;text-decoration:none}.footer #accordion .motto img{display:block;float:none;max-width:100%;margin:0 auto 5px}@media (max-width: 767px){.footer #accordion .panel .panel-heading a .fa-plus{display:none}.footer #accordion .panel .panel-heading a .fa-minus{display:block}.footer #accordion .panel .panel-heading a.collapsed .fa-plus{display:block}.footer #accordion .panel .panel-heading a.collapsed .fa-minus{display:none}.footer #accordion .panel .panel-collapse{padding-left:15px}.footer #accordion .motto .taglineContainer{width:80%}.footer #accordion .motto .taglineContainer--150{width:58%}}@media (min-width: 768px){.footer{padding:20px 0}.footer #accordion{margin:0 -30px;padding:0 15px 0}.footer #accordion .panel{float:left;width:50%;padding:0 30px 15px;border:none;font-size:.875em;line-height:1.6875em}.footer #accordion .panel .panel-heading{display:block;padding:0;background-color:transparent;font-size:1.3125em;line-height:1em}.footer #accordion .panel .panel-heading .panel-title{font-family:"Champion Welterweight","Archivo Black","Arial Black","Arial Bold","Gadget",sans-serif;padding-top:0;padding-bottom:5px;font-size:1em;font-weight:300}.footer #accordion .panel .panel-heading .panel-title a{cursor:default;color:#c28e0e;border-bottom:none}.footer #accordion .panel .panel-heading .panel-title .fa{display:none}.footer #accordion .panel a{padding:8px 0 2px;border-bottom:solid 1px #474747}.footer #accordion .panel .panel-collapse{display:block;height:auto !important}.footer #accordion .motto{clear:none;padding:15px 30px;font-size:1.85em;text-align:center}.footer #accordion .motto .taglineContainer{display:block;width:70%}.footer #accordion .motto .vertical{display:none}}@media (min-width: 992px){.footer #accordion .panel{width:20%;padding:0 15px}.footer #accordion .motto{float:left;width:20%;padding:40px 15px 15px;font-size:1.35em}.footer #accordion .motto .taglineContainer{width:auto}.footer #accordion .motto .taglineContainer--150{float:left;width:70%}.footer #accordion .motto .taglineContainer .tagline{margin-bottom:10px;padding-bottom:35.14851%}.footer #accordion .motto .taglineContainer .tagline--150{padding-bottom:60.0794%}.footer #accordion .motto .vertical{display:block}.footer #accordion .motto .horizontal{display:none}.footer #accordion .motto .social{border-top:solid 1px #474747}.footer #accordion .motto .social a{float:left;margin:4px 2.7%}}.bottom{overflow:hidden;padding:10px;background-color:#3b3b3b;color:#ccc;text-align:center;line-height:1.1em}.bottom a:link{color:#ccc}.bottom a:visited{color:#ccc}.bottom a:hover{color:#ccc}.bottom a:active{color:#ccc}.bottom p{margin:0 !important;padding-bottom:2px}@media (min-width: 768px){.bottom{font-size:.625em}}

.footer{font-size: 16px;}
.footer ul li a {font-size: 14px;padding: 8px 0 2px;line-height:23.625px}
.footer .container .row .panel:nth-child(1) .panel-collapse .panel-body ul li,
.footer .container .row .panel:nth-child(2) .panel-collapse .panel-body ul li {
	text-align:left;
}
.footer #accordion .motto img{margin:0 0 5px;width:100%}
.social a{line-height:24px;}
.bottom a{text-decoration:underline !important;}

.goldbar{background-color: #c28e0e;}
.goldbar.navbar-inverse .navbar-nav > li > a {color:#000;}
.department {font-family: 'archivoNarrow', 'Helvetica Neue', Helvetica, Arial, sans-serif; }*/

#header_logo {
    background-image: none
}

.top .department {
    margin-top: 0 !important;
}

.top .logo {
    margin: 0;
}


/* Style correction for 2020 Brand */
.goldbar {
    text-transform: none;
}

    .goldbar .quicklinks li a {
        margin: 0
    }

.caret {
    display: inline;
    border-top: none;
}

.bottom a, .bottom a:link, .bottom a:visited {
    text-decoration: underline;
}


.gsc-input-box {
    border-radius: 0 !important;
}

.nav.navbar-nav.information li.dropdown {
    padding: 0 !important;
}

.navbar-inverse .navbar-nav > li > a {
    color: #000;
}

@media (max-width:991px) {
    .blackbar.navbar-inverse .navbar-nav > li > a {
        color: #fff;
    }

    #divMyProfile {
        float: none !important;
    }

    .blackbar .black ul.navbar-nav {
        padding: 0 !important;
    }
}


/* New Button Style with 2020 brand color */

/*.btn-primary, .btn-primary:link, .btn-primary:hover, .btn-primary:visited {
    background-color: #EBD99F !important;
    color: #000 !important;
    border: none !important;
    font-weight: normal !important;
    border-radius: 4px !important;
}
    
    .btn-success, .btn-success:link, .btn-success:hover, .btn-success:visited {
    background-color: #8E6F3E !important;
    color: #fff !important;
    border: none !important;
    font-weight: bold !important;
    border-radius: 4px !important;
}

.btn-danger, .btn-danger:link, .btn-danger:hover, .btn-danger:visited {
    background-color: #9D9795 !important;
    color: #000 !important;
    border: none !important;
    font-weight: normal !important;
    border-radius: 4px !important;
}

.btn-info, .btn-info:link, .btn-info:hover, .btn-info:visited {
    background-color: #fff !important;
    color: #555960 !important;
    border: 1px solid #9D9795 !important;
    padding: 9px 15px !important;
    font-weight: normal !important;
    border-radius: 4px !important;
}*/
